2016-10-22 6 views
0

こんにちはイムは、構築された私のテーマに私はいくつかの問題を持っている を& flexliderを「マテリア」の私のページに追加しましたそれは私のサイトに追加されましたが、今はどこで始めるべきかわからないのでコードを共有していませんが、問題を説明するページ&の画像への一時リンクがあります。パディングは、私が作成したモーダルを見たときに、デスクトップモードは、左からいくつかのパディングがありながら使用して

※「Modal !!」をクリックすると、ボタンを押します。おかげで、aviv。

これは私のページです: https://optica.000webhostapp.com/

この画像は私の問題を説明し、モーダルがトリガされたときstyleプロパティを介して設定された明示的な幅がありますように enter image description here

答えて

0

はそう、それは考慮していませんoverflow: hiddenのために消えるスクロールバーなので、100%より小さい幅になります。

速い修正は、あなたが意図しているものに応じて(もちろん他のものを壊すことなく)body { overflow: auto !important; }またはbody { width: auto !important; }のいずれかを実行することです。

ただし、モーダルの動作を変更できる場合は、window.innerWidth(またはquestionを参照)のスクロールバーを含む幅を考慮してください。どのようなモーダルライブラリを使用していますか?

+0

私はマテリアライズを使用していますが、私はそれが使用されていることに気づきました: – AvivS

+0

- 私は使用しました:body {direction:rtl; }ので、左から追加したパディングが右から追加され、右から消えるスクロールバーを置き換えます。 – AvivS

関連する問題