-Webkit-滚动条+溢出+ JQuery scrollTop返回始终为零

时间:2011-01-26 19:35:10

标签: jquery html5 webkit css3

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

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

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

在浏览器中使用自定义-webkit滚动条时,您必须这样做 在css中设置

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

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

现在,由于删除了浏览器滚动条,并拥有自己的自定义滚动条, scrollTop值始终返回零。

一直在尝试我能想到的一切,无论我尝试了什么其他代码,scrollTop值总是返回零。

所以什么都没有动画,没有任何东西可以回滚。

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

3 个答案:

答案 0 :(得分:1)

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

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

并查看0是否改变

答案 1 :(得分:0)

overflow: hiddenposition: absolute CSS中删除htmlbody会怎样?

答案 2 :(得分:0)

我相信这是一个尚未完全修复的错误。 点击这里 https://bugs.webkit.org/show_bug.cgi?id=9248

并查看显示此演示(http://maisqi.com/outros/bugs/chrome/CHN6)的最后一条评论,该评论在基于webkit的浏览器中仍然失败。