我在这里有一个 jsfiddle - http://jsfiddle.net/stevea/DyfGp/2/ - 其中一个外盒包含一个从视口延伸出来的内盒。这会强制出现水平滚动条。
“Get Left Scroll”按钮读取当前的左滚动条,“Set Left Scroll to 20”按钮将左滚动条设置为 20。这一切都像我在 Chrome 和 Safari 上所期望的那样工作:最初选择 Get Left Scroll 返回 0,因为什么都没有左端丢失。如果我手动移动滚动条,选择 Get Left Scroll 会返回我滚动的量,因为现在这个量在左端丢失了。如果选择“将左滚动设置为 20”,则滚动移动 20 和 20px 现在从左端丢失。出色的!
问题是这些都不适用于 Firefox。在 Firefox 中,所有滚动读取都返回为 0,并且编写滚动似乎没有任何作用。有谁知道问题可能是什么?
谢谢
$('#getScroll').click(function() {
var bodyscroll = $('body').scrollLeft();
$('#scroll').html("left scroll is " + bodyscroll);
});
$('#setScroll').click(function() {
$('body').scrollLeft(20);
var bodyscroll = $('body').scrollLeft();
$('#scroll').html("left scroll is " + bodyscroll);
});