2016-07-01 6 views
0

私はMagentoでオンラインストアを作っています。スクロールするときに、デフォルトのサイドバーをカスタムのスティッキサイドバーにしたいです。スクロール時にマゼンタのサイドバーをスティッキーにする方法はありますか?

リンク:

+0

既存のコードをいくつか含めることはできますか? – FishStix

+0

http://tara.psweb.in/index.php/sale.html左側のバーはスクロール可能です。私はそれを貼り付けるようにしたい –

答えて

0

あなたはこのような何かを行うことができます...

var thisScroll = 0, lastScroll = 0; 
var cutoff = 145 (whatever the threshold for the switch should be) 
$(window).scroll(function(){ 
if(thisScroll > lastScroll && thisScroll > cutoff { 
    $(navbar).addClass('fixed'); 
} 
else if (lastScroll > thisScroll && lastScroll < cutoff{ 
    $(navbar).removeClass('fixed'); 
} 
}); 

次に、あなただけの粘着面を行うためにCSSを使用することができます-nav(ちょうど位置を追加してください:固定されていて、あなたはt移行)

+0

私は同じように行うカスタムphtmlのテンプレートコードを作りたいと思う。 –

+0

CSSを使用してJavaScriptを使用することはできません。サイドバーがナビゲーションバーのようにスクロールしても固定されるのではなく、常に固定されていてもかまいません。 phtmlテンプレートを保持する必要がある場合は、サイドバーにインラインスタイルブロックを追加するだけで、位置は固定され、おそらくロックされていることを補うために上からいくらかの距離を置いてください。 – will

+0

位置を固定することで、フッターが重なってしまいます。 –

関連する問題