javascript – jQuery scrollTop()方法不起作用

前端之家收集整理的这篇文章主要介绍了javascript – jQuery scrollTop()方法不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下jQuery代码
$(document).ready(function () {
    $('.navtoTop').click(function(){
           $("html").scrollTop( $("#topofthePage").offset().top );
    }); 
});

其中’navtoTop’是按钮的类(类似’返回顶部’),其在页面的左下角具有固定位置,’topofthePage’是< div>的id.在我的页面的最顶部.

我甚至试过这个

$('.navtoTop').click(function(){
    $('html,body').animate({scrollTop : 0},800);
    return false;
});

这是HTML代码

<body>
    <div id="topofthePage"></div>
    ...
    ...
    <img src="navtoTop.png" class="navtoTop">   
</body>

我不知道出了什么问题,但这不起作用.有人会解释并给出一个好的解决方案吗?

如果需要,请向我询问代码的详细信息.

解决方法

你必须使用窗口而不是html:
$(window).scrollTop( $("#topofthePage").offset().top );

请注意,窗口不应该用引号括起来,因为它是一个对象而不是标记.

原文链接:https://www.f2er.com/jquery/153241.html

猜你在找的jQuery相关文章