当元素被隐藏时,Chrome不会将文档底部调整到窗口底部

时间:2013-08-24 19:53:59

标签: jquery html css google-chrome

我正在隐藏div(位于页面底部),这会导致文档的整体高度缩小。

当我在隐藏div之前向下滚动到页面底部时,Chrome会正确地将文档底部调整到窗口底部。

当我不向下滚动但在隐藏div之前在窗口底部边缘下方留下至少一个像素时,Chrome不会将文档底部调整到窗口底部。相反,文档缩小,并在Chrome的灰色织物背景下显示。然后,只要我将页面至少滚动一个像素,Chrome就会再次将文档调整到窗口。

可以使用Chrome的Dev Tools在任何网站上复制。滚动几乎(!)向下,选择任何元素并设置display:noneheight:0

我在OS X 10.8.4上使用Chrome 29。这是一个已知的错误吗?

一种解决方法是使用jQuery的scrollTop函数在隐藏元素后向上滚动一个像素。然后,Chrome会调整文档。

var y = $(window).scrollTop();
$(window).scrollTop(y-1);

现在,当我想使用jQuery的slideToggle()隐藏元素时,它变得棘手。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

由于我们似乎已经验证了它,是的,现在这是一个已知的错误;)请务必提及报告中的操作系统与浏览器供应商之间的行为不一致。