jquery - 页面之间的水平滑动

Question

有人可以帮我去掉在主 div 的内容之间滑动时出现的水平滚动条吗？我对效果很满意，但我无法摆脱水平滚动条:(

这是一个 jsfiddle 演示

http://jsfiddle.net/62Ybt/1/

.content{
  width:100%;
  margin-left:0;
  position:absolute;
  margin-top:50px;
  -webkit-transition: margin-left 1s;
  -moz-transition: margin-left 1s;
  -o-transition: margin-left 1s;
  transition: margin-left 1s;
  overflow-x:hidden;} // this part doesn't seem to be working

Answer 1

您的溢出 CSS 设置不起作用，因为滚动条/溢出不是该特定容器的一部分。

尝试将 overflow-x: hidden 添加到父容器，例如 body。

我更新了你的 fiddle 作为例子:http://jsfiddle.net/62Ybt/6/

关于一个不相关的说明:您是否打算再次单击当前事件的部分名称，然后根本不显示任何内容？