我的垂直内容滑块中有一个bug
我的垂直内容滑块中有一个bug
提问于 2017-06-30 03:10:34
当我点击这两个按钮中的任何一个时，我的内容滑块并不总是滑动到正在显示的散列。我通过观看视频Zhttps://www.lynda.com/jQuery-tutorials/Create-Interactive-Animated-Timeline-jQuery/124092-2.htmlZ (在Z之间复制)了解了如何做到这一点，然后我学习了https://www.youtube.com/watch?v=XrBuo3BZXlU&t=538s上的左和右滑块控件。然而，我的代码似乎有一个bug，有时会阻止它转到下一张或上一张幻灯片。下面是代码
$('.right').click(function(event) {
$('#showing').removeAttr('id').attr('id','wasShowing');
$('#wasShowing').next().attr('id','showing');
$('#wasShowing').removeAttr('id');
}https://jsfiddle.net/w3tkmhdn/1/
有人能看到我的代码中的问题吗？
Stack Overflow用户
回答已采纳
发布于 2017-06-30 04:04:10
您需要更新scrollLeft部件
$('.content-carousel').animate({
scrollLeft: '+=' + $showing.offset().left
}, 800, );https://jsfiddle.net/w3tkmhdn/2/
对于left和right，对于left，$showing.offset().left都返回负值，因此+=按原样工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44833154
复制相关文章
相似问题
腾讯云开发者
