jquery实现点击返回到顶部

最新推荐文章于 2025-06-04 09:19:44 发布

转载最新推荐文章于 2025-06-04 09:19:44 发布 · 1k 阅读

本文介绍了一段使用jQuery实现的功能，当页面滚动到一定位置时显示特定的div元素，并提供了点击该元素返回顶部的效果实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    $(function () {
        $(".div1").hide();
        $(window).scroll(function () {
            var top = $(this).scrollTop();
            if(top>=$(this).height()){
                $(".div1").fadeIn();
            }else{
                $(".div1").fadeOut();
            }
            $(".div1").click(function () {
                window.scrollTo(0,0);    //  设置内容滚动到指定的坐标
            })
        })
    })
</script>