Einige Shopping-Websites verwenden diese Funktion, um die Navigation im Warenkorb oder in der Produktkategorie zu platzieren, sodass die Seitenleiste immer die ihr gebührende Rolle spielen kann, wenn die Produktseite sehr lang ist. Einige Websites verwenden diese Funktion, um Anzeigen in der Seitenleiste zu platzieren.
jQuery-Code:
var rollSet = $('#Roll');// Überprüfen Sie das Objekt, #sidebar-tab ist die ID, die mit der Bildlaufleiste festgelegt werden soll, die bei Bedarf geändert werden kann
var offset = rollSet.offset ();
$( window).scroll(function () {
// Überprüfen Sie, ob die Oberseite des Objekts im sichtbaren Bereich des Browsers liegt
var scrollTop = $(window).scrollTop( );
if(offset.top < ; scrollTop){
rollSet.addClass('fixed');
}else{
rollSet.removeClass('fixed');
}
});
CSS-Code:
.fixed{ position:fixed; top:20px;}
.fixed{_position:absolute; _top:expression((20 (noValue = document.documentElement.scrollTop ? document. documentElement.scrollTop : document.body.scrollTop)) 'px' );}//Kompatibel mit IE6