Jquery 在查看站点中设置ul li.active动画

我有这样的页码

<div> ( =400px )
<ul> ( =2000px )
<li>1<div>1</div></li>
<li>2<div>2</div></li>
<li>3<div>3</div></li>
..
</ul>
</div>

问题在于，在某一点上，“活动”（类）分页编号看不见（原因在本问题中并不重要）

我希望通过Jquery事件或在文档就绪时控制

li.active

。我希望

li.active

在400px div中始终可见。因此，这意味着ul将相对于

li.active

向左或向右移动，以便

li.active

不会位于“隐藏”的部分（溢出：隐藏）

---

我希望我的问题是明确的，我不能张贴所有的代码做它的大尺寸。（这只会使事情复杂化.）

好吧，我唯一的猜测是在“active”类上添加一个css规则，位置为：absolute

编辑：

---

试试看，如果这是你想要的。我希望有帮助

有这么多的页面，使用以下分页链接结构不是更有意义吗：

first | prev |-10 |-5 |-4 |-3 |-2 |-1 | current |+1 |+2 |+3 |+4 |+5 |+10 |[INPUT Type page num.

@Rory McCrossan我不确定你指的是什么意思……但我认为你指的是动态分页（在HTML中，我指的是物理分页）活动类是整个列表的一部分。问题不在于定位.active，而在于整个ul li“相对”于.active。因此，ul li必须继续前进（直到“查看端口”），您可以在jsfiddle.com演示文稿上演示您的问题的有效示例吗？我做了一个演示：如何使用jquery事件或在文档准备就绪时获得视图端口（绿色边框的div）中的红色数字。我编辑了上面的帖子，并为您提供了一个解决方案！让我知道这是否有帮助！：）谢谢，正是（嗯，有点）我想要的：）如果它最终能在我所做的工作中起作用的话，请不要拒绝，但这绝对是一个好答案。

$(".right").live('click', function(){
  $(ul).animate({"left": "-=140px"}, "fast");
});

$(".left").live('click', function(){
  $(ul).animate({"left": "+=140px"}, "fast");
});