作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我这里有一个 jsfiddle - http://jsfiddle.net/stevea/DyfGp/2/ - 外框包含延伸到视口(viewport)之外的内框。这会强制出现水平滚动条。
A“向左走“Scroll”按钮读取当前的左滚动,“Set Left Scroll to 20”按钮将左滚动设置为 20。这一切都按照我在 Chrome 和 Safari 上的预期工作:最初选择 Get Left Scroll 返回 0,因为没有丢失任何内容如果我手动将滚动条移动一些,选择“获取左滚动”将返回我滚动的量,因为现在左端缺少该量。如果选择“将左滚动设置为 20”,滚动将移动 20 并现在左端缺失了 20 像素。太棒了!
问题是这些在 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);
});
最佳答案
将 scrollLeft
放在 window
上,而不是 body
上。
var windowscroll = $(window).scrollLeft();
关于jquery - ScrollLeft() 不适用于 Firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18731387/
我是一名优秀的程序员,十分优秀!