左右滚动javascript答案

【问题标题】：Scrolling left and right javascript左右滚动javascript
【发布时间】：2014-10-16 16:40:35
【问题描述】：

我正在尝试为我的谷歌地图制作一个自定义滑块，并且需要通过我的按钮左右滑动内容，如果我正在尝试做什么，请参阅here 以获得更清晰的视图。

This post 对我想做的事情有正确的想法，但我无法让它正常工作。

即使是一个关于如何制作 div 的基本示例，其中包含 div 的左右滑动也会有很大的帮助。到目前为止，大多数示例都是图像或一张图像，我似乎无法为我的目的实现它们。提前致谢。

-L

【问题讨论】：

我没有任何代码可以显示，因为我尝试了 6-8 种来自在线示例的不同东西，但它们都不起作用。没有一种情况正是我在 div 中使用 div 所做的事情。他们都使用上下滚动的图片或 div。我没有在网上找到这样的例子，所以我不确定我是否对我尝试过的任何事情都有正确的想法。链接的帖子在一张图片上做了我想要的。我尝试将该代码实现到我的应用程序中，但什么也没发生，也没有引发任何错误。我真的需要帮助了解如何左右滚动/动画 div
这条评论一点帮助都没有。请参阅下面的答案以获取解决方案。

标签： javascript css scroll

【解决方案1】：

我能够让它几乎完全按照我想要的方式工作。对于其他尝试左右滚动的人，这是jsfiddle 中的一个工作示例。

jQuery：

$('#next').click(function() {
          $('#sliderWrapper').animate({
            marginLeft: "-=200px"
          }, "fast");
       });
$('#prev').click(function() {
      $('#sliderWrapper').animate({
        marginLeft: "+=200px"
      }, "fast");
   });

【讨论】：