zoukankan      html  css  js  c++  java
  • jQuery实现返回顶部

    1、jQuery-scrollTop()方法不接受参数就是获取当前垂直滚动条的位置

    2、jQuery-scrollTop(value)方法设置当前垂直滚动条的位置

    <style type="text/css">
        *{margin:0; padding:0;}
        .top{position: fixed; right:0; bottom: 10%; color:#008451; background: #999; display:none;}
    </style>
    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <a href="#" class="top">top</a>
    
    
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script>
        $(function() {
            var ele = $(".top");
            $(window).scroll(function() {
                var scrollH = $(window).scrollTop();
                if(scrollH > 400) {
                    ele.fadeIn();
                }else {
                    ele.fadeOut();
                }
            })
            ele.click(function() {
                $("body,html").stop().animate({"top":"0"}, 300);
    
            })
        })
    </script>
  • 相关阅读:
    Python学习-if条件语句
    Python学习-变量
    认识Python
    win7分盘
    mysql环境变量配置
    mysql的下载及配置
    c# excel xls保存
    js 在线引用
    js layer.js
    vue day3 bootstrap 联动下拉
  • 原文地址:https://www.cnblogs.com/wanbi/p/4185531.html
Copyright © 2011-2022 走看看