我正在尝试根据鼠标的位置使一行缩略图在其 DIV 内自动滚动。我在这里找到了我所追求的示例,但无法提取/编辑 JavaScript 以使其正常工作。这是我失败的尝试。:(
我需要父 DIV 来填充页面的整个宽度(即 100%)。最终,如果我做对了,我想在一个页面上添加多个自动滚动缩略图 DIV。
对不起,如果代码不好,我对 JavaScript 的了解很糟糕。
你非常接近,虽然你有一个错误的 javascript 和 perl 变量等。
一些注意事项:
$
用作 的别名jQuery
。所以,$()
是一样的jQuery()
。它不是 perl 中的变量标识符。
$div
应该是,但如果你马上要调用or $('div')
,它不是很有用。而是做children()
find()
$('div.album')
不是使用 计算宽度63 * number_of_elements
,而是使用 jQuery 来获取它们的实际宽度.outerWidth(true)
。true
意味着它包括边距。
这是一个基于您的代码的工作示例:
http://jsfiddle.net/jtbowden/BAjQB/
我添加了变量leftBuffer
并rightBuffer
限制了滚动,这样您就不必在最边缘的像素上一直向左/向右滚动。