javascript - 使用按钮向右和向左滚动

Question

我有三个 div:左、中和右。中间用于内容，而左侧 div 和右侧 div 仅用于将滚动中间 div 的按钮。中间 div 的内容将是图片列表。因此，如果用户想看到仍然隐藏在中间 div 右侧的图片，他们可以单击右侧的 div 将其向右滚动。

我希望我的问题能被理解。

此脚本不适用于我的 div。我想这里的任何人都可以给我另一个可以控制这些 div 的脚本。

这里只有我不能使用的脚本

   $(document).ready(function () {
       $("#left").click(function () { 
       var leftPos = $('.DivDataMain').scrollLeft();
       $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 600);
  });   

       $("#right").click(function () { 
       var leftPos2 = $('.DivDataMain').scrollLeft();
       $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 600);
  });   
       });   

fiddle :

Scroll Left to Right with Button

提前致谢

Answer 1

看起来您的脚本是准确的。我认为您遇到的问题有两个方面:

1. 您必须在容器 div 上设置宽度
2. 中间div的内容必须超过div的当前宽度，否则jQuery不会滚动

Here's a DEMO

.DivDataMain {
    width:100%;
    overflow:hidden;
    display:block; 
    background:#000; 
    height:400px; 
    margin:auto;
    position: relative;
}