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

标签 javascript jquery html css scroll

我有以下 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>

我不知道出了什么问题,但这是行不通的。有人会解释并给出一个好的解决方案吗?

如果需要,请问我详细的代码。

最佳答案

您必须使用 window 而不是 html:

$(window).scrollTop( $("#topofthePage").offset().top );

请注意,window 不应包含在引号中,因为它是一个对象而不是标签。

关于javascript - jQuery scrollTop() 方法不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32277323/

相关文章:

javascript - Angular 2 中的弹出对话框

javascript - 基于另一个下拉 onchange 函数设置下拉选项值

jquery - 将两个 jQuery .val() 结果合并到变量中

html - 最小高度不起作用

javascript - fullpage.js 的多个实例

javascript - 使用 javascript 格式化货币的 Handlebars 功能

javascript - 从GWT上的手写JS获取Java方法返回值

javascript - 获取错误代码 : 0 in only IE for javascript file

html - 可滚动的多级水平菜单

html - Modernizr - 加载 polyfills/使用自定义检测的正确方法