我遇到了一个奇怪的滚动条问题。我正在构建一个页面,该页面使用 jQuery 和 PHP 将图像按顺序动态加载到 DIV 中。这个 DIV 的高度是固定的,但它的可变宽度使用滚动条。问题是动态刷新 DIV 后滚动条不会重置。因此,当用户滚动然后刷新新内容时,滚动条位置保持不变,而不是重置回左侧。
这似乎只发生在 FF3 中。滚动条在 Chrome、Safari 和 IE8 中重置得很好。
对于每次刷新,DIV 都会被隐藏、清空、使用 CSS 调整大小,然后依次附加图像。
我已经尝试在 nowrap
之前重置 white-space: normal
,尝试使用 overflow
,以及 jQuery 的 scrollLeft
无济于事。它在 FF3 中仍然表现得很奇怪,而且只有 FF3。
单击一个缩略图,移动滚动条,然后单击另一个缩略图。
感谢您的帮助!
最佳答案
好的,在考虑了 David M 的建议后,我明白了。由于 #interiors
是 #content
的子项,它也被隐藏了。所以我不得不先显示
它,设置scrollLeft
然后再次隐藏
它。有点笨拙,但不管用什么...
$('#landing, #interiors, #caption').empty();
$('#content').show()
$('#interiors').scrollLeft(0);
$('#interiors, #caption').hide();
关于最终幻想3中的缓存数据,我还不是很清楚。留着那个以备不时之需...
谢谢
关于jquery - 如何在 FF3 中刷新 div 后重置持久滚动条位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2694243/