javascript - Jquery scrollTop 转到了错误的位置

标签 javascript jquery

在带有滚动条的 div 中,当我按下按钮“点击我”时,下面的脚本应该滚动到文本“应该转到此处”。类似于 anchor 链接的东西。

JsFiddle:https://jsfiddle.net/hhqnjojr/2/

相反,脚本滚动到文本“SHOULD GO HERE”上方的随机位置(?)。请问,我做错了什么?

$("#my_button").click(function() {
    $('#wrapper_div').animate({
        scrollTop: $("#go_here").offset().top
    }, 2000);
}); 

最佳答案

position: relative 在#wrapper_div 上似乎有效。当然,如果您已经在底部,它不会滚动到任何地方。我相信使用 position() 而不是 offset()。

关于javascript - Jquery scrollTop 转到了错误的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34997229/

相关文章:

javascript - $routeParams 不返回对象

javascript - 灵活的导航栏在较小的屏幕上损坏

javascript - KnockoutJS - 如何在第一次渲染后通知 foreach 中的更新项目?

javascript - 当用户单击弹出窗口外部以关闭它时返回滚动条

javascript - $(e.target) 是 <i></i> 而不是包含的 <div>...</div>

javascript - 语法错误: Unexpected token o in JSON at position 1 over ajax request

javascript - 辅助功能 - 在 TAB 键按下时触发悬停和焦点事件

javascript - 通过下一张/上一张按钮切换幻灯片时如何更改状态单选按钮?

javascript - 用数字在表格中用逗号替换点

javascript - 将 api 响应数组转换为另一个数组以传递给 Vue prop