jquery - CSSオーバーフローと水平スクロールバー

Question

Webサイトに単純なjQueryパネルスライダーを作成しようとしています（実際には2つ）。私はJS/Javascriptに関してはあまり専門家ではなく、何らかの理由で自分のサイトの水平スクロールバーを削除できません。

スライダー領域は、ギャラリーセクションと機能プロジェクトセクション内にあります。

オーバーフローを追加しようとしました：divをラップするスライドショーに非表示になっていますが、機能していないようです。

何かアドバイス？

:)

score 2 · Accepted Answer

CSSプロパティ「overflow-x：hidden」を「BODY」に追加します。IE8用ではありません-

これは機能しますが、ハックになります。その水平スクロールを取得するための構造に問題があり、残念ながら現時点ではこれ以上確認できません。

score 1 · Accepted Answer

あなたのstyle.cssで

このコードを置き換えます

body {
    font-family: 'Yanone Kaffeesatz';
    font-size: 21px;
    font-weight: 400;
    overflow-x: hidden;
}

score 1 · Accepted Answer

ティム、あなたのstyle.cssには、クラスに2つの奇妙な幅があります。

#gallery .panels {
    -moz-transition: margin-left 0.8s ease 0s;
    margin-left: 0;
    overflow: hidden;
    width: 4320px;
}

と

#project .panels {
    overflow: hidden;
    width: 2880px;
}

それらはスクロールバーを引き起こしています。

それらを削除するか、保持したい場合は、他のすべての人が提案している方法を適用します。

overflow-x:hidden体に

score 0 · Accepted Answer

ハックではありません！適用して問題を解決しました

.wrap {
  position: relative;
}

プレロールグリッドシステムでは常に標準として適用されます。それが、ブラウザがオーバーフローに注意を払うために必要なことであることがわかります。その要素に隠されています。

4 に答える 4