javascript - ボディ スクロールを無効にしますが、ブラウザよりも高さが高い個々の div 要素でそれを維持します

Question

私はどこでも検索しましたが、まだ解決策が得られていません。さて、取り引きはここまでです。私は 1 ページの Web サイトを持っており、その下に複数の div 要素があり、個々のページのように機能していると思います。私が達成したいのは、実際の Web ページのスクロールをすべて無効にすることですが、アクティブな div が Web ブラウザーの下にある場合はスクロールを維持します。ページの他のセクションに移動するには、ヘッダーのアンカー リンクを使用するだけで簡単に実行できます。

Answer 1

何を探しているのか正確にはわかりませんが、実際のドキュメントではなく、divをスクロール可能にする必要があると思います。これを行うには、divを画面上に固定の高さで絶対に配置し、をに設定overflowしautoます。私は次のCSSコードを使用してこれを行いました：

#scrollable {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    overflow: auto;
}​

例を参照してください：http：//jsfiddle.net/rustyjeans/rgzBE/

Answer 2

で試しましたか overflow-x:hidden;

Answer 3

非常に単純であることがわかります。CSS

body{
 overflow:hidden;
}

#div_you_need_scrolling{
 overflow:auto;
}