jquery - 如何在 FF3 中刷新 div 后重置持久滚动条位置?

标签 jquery css firefox scrollbar

我遇到了一个奇怪的滚动条问题。我正在构建一个页面,该页面使用 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/

相关文章:

CSS 单个单元格宽度

firefox - Firefox 中的选择性缓存

javascript - 如何扩展文本区域以垂直和水平适应文本?

javascript - Jquery 从一个范围获取一个值,从其他范围获取第二个值,从其他范围获取第三个值等

javascript - 模态框未出现在背景前

html - 旋转和移动元素

带有标题两列和页脚的 html css 布局

javascript - 为什么更改 Canvas 大小会重置其参数?

firefox - 如何在firefox检查器中找到元素的xpath

jquery - 随机颜色 ng-repeat 内的 Div,元素数量未知