如何使溢出:自动容器遵循列表项迭代

时间:2011-07-18 18:10:38

标签: jquery scrollbar iteration listitem

我有一个div容器设置为overflow:auto,其中包含许多<li>个。我写了一个简单的函数来在用户单击按钮或按向上或向下箭头时更改突出显示的列表项。

唯一的问题是,当用户单击迭代按钮时,突出显示的列表项会在其后面没有容器滚动条的情况下进行迭代。我正在寻找一种强制容器滚动条与迭代滚动的方法

这是我正在尝试做的一个例子: http://jsfiddle.net/sadmicrowave/rwfUr/

记住 - 向上和向下箭头使容器滚动(只要容器具有焦点),但迭代按钮不会。

重要 - 我正在寻找替代.scrollTo()

2 个答案:

答案 0 :(得分:1)

.scrollIntoView()怎么办?

答案 1 :(得分:0)

要以编程方式执行此操作,您需要获取项目的高度和框的高度。

何时滚动:(框的高度 - (突出显示的项目编号*项目高度)&lt; 0) 使用scrollTop属性按项目高度滚动列表,而上面的值小于0。

我希望这会有所帮助。

::编辑:: 仅当框高度与指定数量的列表项的大小完全相同时,此方法才有效。假设每个项目高度为20px,并且您希望列表框显示10个项目,那么您需要将列表框高度设置为200px。