Javascript jquery向左滚动100%

我需要父div的子对象水平滚动。 卷轴应该是动画的，并且应该100%的卷轴宽度

我需要知道如何在这里使用百分比，或者如何为这个问题编写正确的var

这是我的密码：

var maxscroll = $('#content').width()

$('.prev').click(function() {
  event.preventDefault();
  $('#content').animate({
    scrollLeft: "-=maxscroll"
  }, 500);
});

 $('.next').click(function() {
  event.preventDefault();
  $('#content').animate({
   scrollLeft: "+=maxscroll"
  }, 500);
});

---

这种方法使用了内部内容包装的概念——我在这里使用了一个固定宽度的p来说明——这样您就可以获得最大内容宽度并将其用作滚动量

var maxscroll=$（'#content'）[0]。scrollWidth
$（'.prev'）。单击（函数（）{
event.preventDefault（）；
$（“#容器”）。设置动画({
向左滚动：-1*maxscroll
}, 500);
});
$（'.next'）。单击（函数（）{
event.preventDefault（）；
$（“#容器”）。设置动画({
scrollLeft:maxscroll
}, 500);
});
div#容器{
背景：#ccc无重复滚动0；
边框：3px实心#666；
保证金：5px；
填充物：5px；
位置：相对位置；
宽度：200px；
高度：100px；
溢出：自动；
}
#内容{
利润率：10px；
填充物：5px；
边框：2个实心#666；
宽度：1000px；
高度：1000px；
}

上
下一个
你好