jquery - -Webkit-scroll bar + overflow + JQuery scrollTop 总是返回零

标签 jquery html webkit css

我整天都在研究这个错误,但无法解决。

有一个 JQuery scrollTop 动画脚本,它检测 $(window).scrollTop() 值并做一些动画,如果点击按钮滚动回到顶部。 $(this).click(函数() { $("html, body").animate({scrollTop:0},"fast"); });

这通常很好用。我总是得到一个 scrollTop 值...直到 ->

当你的浏览器使用自定义 -webkit-scroll bar 时,你必须 在CSS中设置

html -> 溢出:隐藏 正文 -> position: absolute, overflow-y:scroll, overflow-x:auto

html 层次结构只是正常的 html->body->div 容器 ->div 内容等。

现在既然去掉了浏览器的滚动条,有了自己定制的滚动条, scrollTop 值始终返回零。

已经尝试了所有我能想到的方法,无论我尝试过什么其他代码,scrollTop 值始终返回零。

所以没有任何动画,也没有向后滚动。

有人知道在使用自定义 *浏览器 -webkit-scrollbar 滚动回到顶部时如何获取值吗?*

最佳答案

您不再滚动窗口,而是滚动内部元素,因此您应该尝试:

$(html).scrollTop()
$(body).scrollTop()

看看 0 是否改变

关于jquery - -Webkit-scroll bar + overflow + JQuery scrollTop 总是返回零,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4809106/

相关文章:

javascript - 单击按钮时无法调用 View 功能主干

javascript - Jquery Ajax 到 PHP 脚本不读取数据

html - IE 中的内联输入有奇怪的问题

javascript - 有没有一种方法可以检查是否会发生 css 转换?

javascript - netbeans 7.3 - javascript 自动完成参数

javascript - MP4 视频 - Safari 在控制台中显示 "Unhandled Promise Rejection: [object DOMError]"

html - float 和媒体查询在 IE 中不起作用

html - 有没有一个好的开源谷歌地图风格 <canvas> 图像组件?

html - -webkit-动画错误

html - 在具有 contentEditable 的 HTML 文档中选择和操作只读部分