Bootstrap: モーダルオープンにより、固定コンテンツがシフトします

作成日 2016年10月02日  ·  3コメント  ·  ソース: twbs/bootstrap

モーダルを開くと、固定コンテンツがシフトするという問題があると思います。

これが例ですhttp://codepen.io/eddywashere/pen/ZpXrxQ

私はOSX、10.11.5、Chrome 53を使用していて、 System Preferences > General > Show scroll bars: alwaysを持っています。

これはv4の問題https://github.com/twbs/bootstrap/pull/17021のモーダルセクションで追跡されていると思いますが、追跡するためのアクティブな問題は含まれていません。

最後に、モーダル.jsを更新して、本文のパディングではなく、特定のクラスセットのパディングを調整することで、コンテンツのシフトのバグを修正します。

v3の一部であるためにクローズされた問題、 https: //github.com/twbs/bootstrap/issues/14040#issuecomment-244817197を見つけました。

css js v4

最も参考になるコメント

したがって、この問題は、ユーザーのスクロールバーの幅を読み取り、 <body>したがって、固定ナビゲーションバーはposition: fixed;を持っているため、考慮されません。

これは間違いなく私たちが苦労した興味深い問題です。

全てのコメント3件

ドキュメントサイトで同じ問題は見られません。私が気付いた唯一の違いは、何かが<body>要素にstyle="padding-right: 33px"を追加していることです。 確かに、ドキュメントは固定ナビゲーションバーを使用していないので、おそらくそれはそれと関係がありますか?

したがって、この問題は、ユーザーのスクロールバーの幅を読み取り、 <body>したがって、固定ナビゲーションバーはposition: fixed;を持っているため、考慮されません。

これは間違いなく私たちが苦労した興味深い問題です。

X-ref#21800

このページは役に立ちましたか?
0 / 5 - 0 評価