返回顶部代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了返回顶部代码相关的知识,希望对你有一定的参考价值。

<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>

 

以上是关于返回顶部代码的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap有用代码片段(持续总结)

iOS开发CGRectGetMidX. CGRectGetMidY.CGRectGetMinY. CGRectGetMaxY. CGRectGetMinX. CGRectGetMaxX的使用(代码片段

BootStrap实用代码片段(持续总结)

当按下返回按钮时,listview 会顶部。如何解决?

几条jQuery代码片段助力Web开发效率提升

如何在地图片段 API v2 布局顶部添加按钮