類似天貓商品詳情隨瀏覽器移動(dòng)的示例代碼

更新時(shí)間：2014年02月27日 14:47:22 作者：

當(dāng)瀏覽器移動(dòng)到某個(gè)指定位置時(shí)，該圖層上浮，然后加入一個(gè)樣式，讓該div層定位于瀏覽器頂部,需要的朋友可以參考下

使用該函數(shù)，必須集成于jquery包

原理：當(dāng)瀏覽器移動(dòng)到某個(gè)指定位置時(shí)，該圖層上浮，然后加入一個(gè)樣式，讓該div層定位于瀏覽器頂部

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

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

jquery validate表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了jquery validate表單驗(yàn)證插件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
jQuery AJAX 調(diào)用WebService實(shí)現(xiàn)代碼
用jQuery調(diào)用其他項(xiàng)目的WebService的代碼，需要的朋友可以參考下。
2010-03-03
Jquery實(shí)現(xiàn)的角色左右選擇特效
這篇文章主要介紹了Jquery實(shí)現(xiàn)的角色左右選擇特效,需要的朋友可以參考下
2014-05-05
Jquery 基礎(chǔ)學(xué)習(xí)筆記
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對(duì)新人有參考價(jià)值。
2009-05-05
jQuery自定義元素右鍵點(diǎn)擊事件(實(shí)現(xiàn)案例)
下面小編就為大家?guī)硪黄猨Query自定義元素右鍵點(diǎn)擊事件(實(shí)現(xiàn)案例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-04-04
showModelDialog彈出文件下載窗口的使用示例
這篇文章主要介紹了showModelDialog彈出文件下載窗口的使用示例，方法很簡(jiǎn)單，大家可以直接參考下面的代碼使用
2013-11-11
jquery項(xiàng)目中如何防重復(fù)提交詳解
客戶端的抖動(dòng),快速操作,網(wǎng)絡(luò)通信或者服務(wù)器響應(yīng)慢,都容易造成服務(wù)器重復(fù)處理,這篇文章主要給大家介紹了關(guān)于jquery項(xiàng)目中如何防重復(fù)提交的相關(guān)資料,需要的朋友可以參考下
2021-11-11
分享一個(gè)我自己寫的ToolTip提示插件(附源碼)
自己寫的 ToolTip提示插件,書寫過程很認(rèn)真的,希望大家支持我，給我點(diǎn)評(píng)論,感興趣的朋友可以了解下哦，希望本文對(duì)你有所幫助
2013-01-01
jQuery參數(shù)列表集合
jQuery參數(shù)列表集合，學(xué)習(xí)jquery的朋友可以收藏下。
2011-04-04
jquery mobile開發(fā)常見問題分析
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實(shí)例形式分析了jQuery mobile插件使用過程中的常見錯(cuò)誤問題與對(duì)應(yīng)的解決方法,需要的朋友可以參考下
2016-01-01