Question

在我的页面（apolloedge.com/beta/port.html）上，我有两个按钮：一个我要向左滚动onclick，另一个我想向右滚动onclick 。容器元素的id为#header2。子元素的类为.showc。此元素（.showc）的宽度为100％。如何使用JavaScript和/或jQuery按钮滚动100％（动画）onclick？非常感谢帮助！

Answer 1

您可以使用CSS3 transition属性为图像容器设置动画，如下所示：

＆＃13;

.showc {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
  transition: all 0.6s ease-in-out; 
}

＆＃13;

然后，您的左侧或右侧方向onclick处理程序会更改第一个margin-left的{{1}}值。

Answer 2

我最终使用了一个名为Cycle2的库。 http://jquery.malsup.com/cycle2/

动画滚动100％（水平）？

2 个答案: