使用按钮左右滚动

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);
  });   
       });   

小提琴：

使用按钮从左向右滚动

提前致谢

Answer 1

您可以浮动并使用绝对布局将右列固定到右侧。

并让浏览器本机从右向左滚动。 只需将外部内容的边距填充为与右列div相同的宽度，并与右div相同。 这样，当他们一直向右滚动时，正确的div不会隐藏剩余的内容。

Answer 2

看起来您的脚本是正确的。 我认为您遇到的问题有两个：

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

这是一个演示

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

Answer 3

正如约翰所说，脚本很好。您可以考虑在整张幻灯片中使用slide，而不是使div动画250px……这会限制以后对图片的选择……尝试一下https://github.com/eamonnkillian/滑入式框架