0

問題が解決 したので、私はこの問題を抱えていますが、これは一生理解できません。

サイズに関係なくページ全体に表示されるドロップダウンを作成しましたが、これは機能しているようです。

http://jsfiddle.net/Riskbreaker/y9wZz/

問題は、マウスを右に動かすと、不要なスクロールがスクロールすることです。明らかに、これがすべての悪の根源です。

.dd {
    margin: 0 -1000em;
    padding: 0 1000em;
    position: absolute;
    top: 100%;
    visibility: hidden;
}

私はこれを試しました：

body {overflow-x: hidden;}

（HTMLオーバーフロー-xも試したことに注意してください） .....もちろん、スクロールバー（水平）は削除されますが、それは問題ではありません.... FFはリッスンし、強制しようとするとまったくスクロールしません。残り...Chrome/ IE / Safariはスクロールします....これを機能させるための解決策はありますか？

この人は似たようなものを持っていましたが、ここでは答えがありません： overflow-x：hiddenはまだスクロールできます

最後に私はこれを試しました：

$(element).scroll(function () {
    this.scrollLeft = 0;
});

しかし、何もしませんでした。

解決策 私はこれをhtmlに追加する必要がありました： html {overflow: hidden; overflow-y: auto;}...すべてに感謝します

4

3 に答える 3

1

解決策これをhtmlに追加する必要がありました：html {オーバーフロー：非表示; オーバーフロー-y：自動;}...すべてに感謝

于 2013-03-05T15:50:36.737 に答える
0

これらの設定を変更してください...これらはセクション/divと本文の右側に拡張されます。

マージン：0 -1000em; パディング：0 1000em;

それぞれ-100pxと100pxに変更しましたが、それでも少し右にスクロールしましたが、停止しました。

于 2013-02-28T16:25:42.513 に答える
0

私は他のすべての解決策を試しましたが、残念ながらそれらのどれも私のために働きませんでした。

私には最も簡単な解決策があり、それがcssルールです

.nicescroll-rails-hr{display:none!important}

それがあなたにも役立つことを願っています。

于 2015-02-08T19:35:24.147 に答える