码迷,mamicode.com
首页 > 其他好文 > 详细

返回顶部代码

时间:2016-01-25 16:53:40      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

<script>
    $(window).scroll(function() {
        var scrollValue = $(window).scrollTop();
        scrollValue > 200 ? $(‘#tools_backToTop‘).css("display", "block") : $(‘#tools_backToTop‘).fadeOut();
    });
    $(document).on("click", "#tools_backToTop", function() {
        $("html,body").animate({
            scrollTop: 0
        }, 200);
    })
</script>

html代码:

     <li class="li1" id="tools_backToTopLi">
                <a href="javascript:;" id="tools_backToTop">
                    <span class="icont_tools icont_tools_8"></span>
                </a>
                <div class="tool_text" anmi="46px">返回顶部<div class="four_angle"></div></div>
      </li>

 

返回顶部代码

标签:

原文地址:http://www.cnblogs.com/lovefu/p/5157489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!