類似天貓商品詳情隨瀏覽器移動的範例程式碼_jquery

使用函數，必須整合於jquery套件

原理：當瀏覽器移動到某個指定位置時，該圖層上浮，然後加入一個樣式，讓該div層定位於瀏覽器頂部

複製代碼 代碼如下:

//控制頭部購物車的顯示
function fixshow( min_height){
min_height ? min_height = min_height : min_height = 830;
$(window).scroll(function(){
var s = $(window).scrollTop(op(); s > min_height){
$("#proBuyTip").fadeIn(100);
$(".fixtabwrap").addClass("topfixed");
}else{
$( "#proBuyTip").fadeOut(200);
$(".fixtabwrap").removeClass("topfixed");
};
});
};

複製程式碼 程式碼如下:

.topfixed {
position: f ;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
background-color: white;
position: absolute
background-color: white;
position: absolute; >_top: expression(eval(document.documentElement.scrollTop));
}