我在 div 上有一个水平幻灯片(使用相对定位),如下所示:
它相应地左右滑动,但我无法让它在幻灯片容器的开始和结束处停止,所以它最终是这样的:
这是JS(jquery):
$('.timeline-nav').on('click', function() {
if (!anim)
{
anim = true;
var pos = $(this).hasClass('left') ? 320 : -320;
pos = parseInt($('.timeline-content-wrapper').css('left')) + pos;
$('.timeline-content-wrapper').animate({'left': pos}, 600, function() {
anim = false;
});
}
return;
});
编辑:现场示例