サイドバーを切り替えた場合のスクロール/余分なスペースのスクロール

Question

私のサイドバーメニューがモバイルビューで切り替えられたときに余分なスペースが表示されるという奇妙な問題が発生しています。

LIVE PREVIEW：

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で使用されているパディング左によって作成されたバグのようです。

しかし、これはこのアニメーションの非常に奇妙な実装です。

あなたは、単に位置を追加することによってこの問題を解決することができ：相対とためにはを左パディング左に置き換えます。同じ目標を達成するためのより良い方法の

#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をし、あなたの実装がもたらす可能性があり、将来の問題を回避：

コードを交換します。