jQuery实现返回顶部

浏览数：35 / 时间：2015年06月09日

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);
            return false;
        })
    })
</script>

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 返回顶部 class style src java com log html http 返回顶部 class style src java com log html http

相关文章

随机文章

您可能还喜欢

您可能还喜欢