0

少し前に購入したBootstrap Themeので、カスタマイズする必要があります。1024px以上の画面のみを対象としています。

デモページは次のとおりです。http://wbpreview.com/previews/WB05FN804/

基本的にテーマは2-columns layout. カーソルがページのどこにあっても、右/メイン列を上下にスクロールします。したがって、カーソルが左側の列にある場合、上下にスクロールするとページ全体がスクロールされます。

2 scrolling mechanism左の列に特定のスクロールを、メイン/右の列に特定のスクロールを提供したいと思います。

を追加overflow: scrollしました<nav id="primary">。それは働いています。高さを超えるためにすべてのフォルダ メニューを開くと、上下にスクロールできます。

ただし、上または下に到達すると、右の列をスクロールし続けます。

これは私が修正したいものです。

どうすれば達成できますか？

前もって感謝します

4

1 に答える 1

1

これで、ページはブラウザのスクロール機能を利用しています。左のナビゲーションにいるときに右の列がスクロールを停止しないようにする強力な方法の 1 つは、Overflow:Hidden; を設定することです。本体に追加し、プライマリ ナビゲーションからマウス アウトしたときにオーバーフロー インライン css を削除します。

シンプルな jQuery が役に立ちますか?

$("#primary").hover(
    function(){$("body").css("overflow", "hidden")}, 
    function(){$("body").css("overflow", "")}
);

お役に立てれば！

于 2013-09-20T22:53:54.177 に答える