css - 実際にオーバーフローを非表示にすることなく、非表示のオーバーフローの影響を実現することは可能ですか？

Question

絶対位置にあり、幅が1280pxの画像スライダーがあります。左マージンは-160pxで、親の中央に配置されます。親の幅は960pxで、中央に配置された効果を実現するためにマージンが「0auto」に設定されています。

オーバーフローによってブラウザがスクローラーで処理しないように、画像スライダーはwidth：960pxのみを使用する必要があります。高画面解像度でオーバーフローコンテンツを表示しながら、overflow：hiddenのようなものを実現することは可能ですか？

基本的なCSS：

.slide-wrapper {
  position:relative;
  width:960px;
  margin:0 auto;
 }

.slideshow{
    position:absolute !important;
    margin-left:-160px;
}

score 0 · Accepted Answer

ラッパーには相対的な幅を使用する必要があると思います。そのため、余裕がある場合は、より広く展開させてください。JavaScript を使用してビューポートの幅を計算し、その幅をラッパーに設定することもできます。

また、既存の jQuery プラグインを使用してすべての面倒な作業を行うこともできます。このようなことをする必要があるときは、Cycle を使用します。http://jquery.malsup.com/cycle/

1 に答える 1