使用按钮的水平滚动div

如何在DIV上设置左右按钮以水平滚动内容？ 我不需要显示滚动条。

HMTL：

CSS：

 #browser { float: left; width: 200px; overflow: hidden; white-space: nowrap; } 

Answer 1

做：

然后左边的按钮相同，除了 – marginLeft：+ =“200px”。

Answer 2

这是您想要的代码。 事实certificate它适用于IE，Safari，Chrome，Firefox等。

这是HTML部分。

这是JavaScript函数中的jQuery部分。

  function scrollThumb(direction) { if (direction=='Go_L') { $('#slide-wrap').animate({ scrollLeft: "-=" + 250 + "px" }, function(){ // createCookie('scrollPos', $('#slide-wrap').scrollLeft()); }); }else if (direction=='Go_R') { $('#slide-wrap').animate({ scrollLeft: "+=" + 250 + "px" }, function(){ // createCookie('scrollPos', $('#slide-wrap').scrollLeft()); }); } } 

隐藏箭头请看这里。 使用jQuery检测水平滚动div的结束

Answer 3

你可以尝试这个： – 制作一个“掩码div”并设置相对位置，设置宽度，并隐藏溢出。 – 在掩码div中创建一个内容div并设置定位

现在你可以放两个按钮：左边和右边，你需要修改内容div的左边值

与Patches解决方案类似:)