私はMagentoでオンラインストアを作っています。スクロールするときに、デフォルトのサイドバーをカスタムのスティッキサイドバーにしたいです。スクロール時にマゼンタのサイドバーをスティッキーにする方法はありますか?
リンク:
私はMagentoでオンラインストアを作っています。スクロールするときに、デフォルトのサイドバーをカスタムのスティッキサイドバーにしたいです。スクロール時にマゼンタのサイドバーをスティッキーにする方法はありますか?
リンク:
あなたはこのような何かを行うことができます...
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移行)
私は同じように行うカスタムphtmlのテンプレートコードを作りたいと思う。 –
CSSを使用してJavaScriptを使用することはできません。サイドバーがナビゲーションバーのようにスクロールしても固定されるのではなく、常に固定されていてもかまいません。 phtmlテンプレートを保持する必要がある場合は、サイドバーにインラインスタイルブロックを追加するだけで、位置は固定され、おそらくロックされていることを補うために上からいくらかの距離を置いてください。 – will
位置を固定することで、フッターが重なってしまいます。 –
既存のコードをいくつか含めることはできますか? – FishStix
http://tara.psweb.in/index.php/sale.html左側のバーはスクロール可能です。私はそれを貼り付けるようにしたい –