如果侧边栏切换{停止滚动/多余空间

Question

我遇到一个奇怪的问题，当我的侧边栏菜单在移动视图中切换时会出现多余的空间 - 如下所示。

我正在使用的模板似乎存在问题，您可以在此处看到：

现场预览：

http://blackrockdigital.github.io/startbootstrap-simple-sidebar/

消息来源代码：

http://startbootstrap.com/template-overviews/simple-sidebar/

我在几个元素上尝试overflow-y: hidden无济于事。我也尝试过调整html,body{}但没有运气。我不确定是什么导致了多余的空间。

侧边栏设置为height:100%。 background-colour停在应有的位置，让我认为这是侧边栏的边距或填充问题。也许不吧。

你的帮助会受到很大的影响。

Answer 1

似乎是#wrapper中使用的padding-left创建的错误。

但这对于这个动画来说是一个非常奇怪的实现。

您只需添加位置：相对并将 padding-left 替换为左侧即可解决此问题。

要替换的代码：

#wrapper {
    position:relative;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
   left: 250px;
}

I made an example更好地实现同一目标并避免您的实施可能带来的未来问题。