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>
  • 相关阅读:
    MySQL_基础_TCL事务控制语言
    MySQL_基础_DDL数据定义语言
    MySQL_基础_DQL数据查询语言
    MySQL_基础_DML数据操纵语言
    MySQL_基础_存储过程和函数
    MySQL_基础_变量
    linux 常用命令
    灵活QinQ示例
    RRPP 演示实例
    ERPS实例演示
  • 原文地址:https://www.cnblogs.com/wanbi/p/4185531.html
Copyright © 2011-2022 走看看