0

我正在为我的项目制作拇指滑块轮播。我是用css3做的。我所做的是，我使用了一个封面 div，在里面我使用了一个 ul 并左右滑动。封面 div 溢出被隐藏。现在它工作正常，但问题是，我无法在 Li 的末尾停止滑动。我怎样才能做到这一点？我尝试了 if else 语句，但我很困惑。那么完整的评论在这里 http://jsfiddle.net/pqHAK/

这是示例代码

        $('#thumbsList').css('margin-left', positionToBeMoved + 'px');

完整的代码在 Fiddle 中。请告诉我我在哪里做错了谢谢。

4

2 回答 2

1

试试这个小提琴：

演示

添加此条件以检查位置：

$('li').length/2 * 154 - window.innerWidth < positionToBeMoved

这是 li 的数量除以 2 减去窗口宽度来计算位置。

您可能需要稍微调整一下这个公式，但这应该会引导您走向正确的方向。

于 2013-09-24T15:16:21.287 回答
0

对于左箭头单击使用此

            if (currentPosition!=0) {
                var positionToBeMoved = currentPosition + 77;

                // Setting th Final Fix//
                $('#thumbsList').css('margin-left', positionToBeMoved + 'px');
            } else {


            }

然后它将在第一个 div 向左后停止传递。但是你必须小心，在你检查它之前，移动应该停止

于 2013-09-24T15:37:14.463 回答