Question

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

这是一个jsfiddle演示

.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添加到父容器，例如正文。

我更新了你的小提琴作为例子：http://jsfiddle.net/62Ybt/6/

在一个不相关的注释中：是否打算再次单击当前活动的部分名称，然后根本不显示任何部分名称？

Answer 2

将overflow:hidden添加到正文。见例子

更新指向示例的链接：http://jsfiddle.net/62Ybt/9/

页面之间的水平滑动

2 个答案: