1

我有这样的分页

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

分页最多为 100，宽度约为 2000 像素。但是，该 div 只有 400px 宽度，overflow:hidden这意味着只有一定数量的li可见。我还有两个按钮做左右动画，这样访问者可以左右“滑动”分页：

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

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

问题是在某个时候“活动”（类）分页数是看不见的（原因在这个问题中并不重要）

li.active无论 Jquery 事件或文档准备好，我都想控制低谷。我希望li.active始终在 400px div 中可见。所以这意味着 ul 会相对于 向左或向右移动，这样 ul 就li.active不会li.active出现在“隐藏”的部分（溢出：隐藏）

我希望我的问题很清楚，我不能将所有代码都发布到它的大尺寸。（这只会使事情复杂化..）

4

1 回答 1

2

好的，我唯一的猜测是在“活动”类上添加一个 CSS 规则position:absolute;

编辑 ：

如果您正在寻找，请在此处尝试此解决方案。我希望它有帮助！

于 2012-04-17T10:42:39.460 回答