スライダーの問題を修正する方法を見つけようとしています。スライドすると、次のスライドが一時的に最初のスライドの下に表示され、他の要素が押し下げられます。
サイトはこちら。http://upperdeck.dev.warp9inc.com/
<li>タグにインラインの高さを追加するスクリプトがどこかにあります。私はそれがどれであるかを理解することはできません。メインコンテナの高さを設定し、オーバーフローを非表示に設定できることはわかっていますが、これを行うと、画面サイズを拡大および縮小するときに画像のサイズが正しく変更されず、スライダーの下のコンテンツが一緒に移動できるようになります。
循環するたびにリストタグに高さを追加する方法を削除すると、おそらくそれで修正されると思います。
わかりました私はクレイジーな回避策を見つけました。「相対配置」を削除し、スライダーの下にプレースホルダー画像を追加して、他の要素がスライダーの下に消えないようにしました。素晴らしい解決策ではありませんが、修正してください!
を に設定position: relative !important;するliと、レイアウト内で通常配置される場所に相対的に配置されることを意味します。したがって、top: 0px;実際には「レイアウトに配置する必要がある場所から 0 ピクセル」を意味し、2 つのスライドをdisplay: block;同時に設定すると、一方が他方の下にレイアウトされます。これにより、他のスライドが押し下げられます。
私が見ることができる最も簡単な修正は、スライドから削除position: relative !important;し、リストの高さをスライドの高さに設定することです.