類似天貓商品詳情隨瀏覽器移動的示例代碼
更新時間：2014年02月27日 14:47:22 作者：
當瀏覽器移動到某個指定位置時，該圖層上浮，然后加入一個樣式，讓該div層定位于瀏覽器頂部,需要的朋友可以參考下
使用該函數(shù)，必須集成于jquery包
原理：當瀏覽器移動到某個指定位置時，該圖層上浮，然后加入一個樣式，讓該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");
};
});
};
.topfixed {
position: fixed !important;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
background-color: white;
position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
原理：當瀏覽器移動到某個指定位置時，該圖層上浮，然后加入一個樣式，讓該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");
};
});
};
復制代碼 代碼如下:
.topfixed {
position: fixed !important;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
background-color: white;
position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
您可能感興趣的文章:
- Android仿淘寶商品瀏覽界面圖片滾動效果
- Jquery 最近瀏覽過的商品的功能實現(xiàn)代碼
- Android時光軸實現(xiàn)淘寶物流信息瀏覽效果
- PHP實現(xiàn)采集抓取淘寶網(wǎng)單個商品信息
- JQuery實現(xiàn)的購物車功能(可以減少或者添加商品并自動計算價格)
- PHP 類商品秒殺計時實現(xiàn)代碼
- asp.net下使用jQuery.AutoComplete完成仿淘寶商品搜索自動完成功能(改進了鍵盤上下選擇體驗)
- 基于jquery的商品展示放大鏡
- 仿當當網(wǎng)淘寶網(wǎng)等主流電子商務網(wǎng)站商品分類導航菜單
- JAVAEE model1模型實現(xiàn)商品瀏覽記錄（去除重復的瀏覽記錄）（一）
相關(guān)文章
這篇文章主要為大家詳細介紹了jquery validate表單驗證插件,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
jQuery AJAX 調(diào)用WebService實現(xiàn)代碼
用jQuery調(diào)用其他項目的WebService的代碼，需要的朋友可以參考下。2010-03-03
這篇文章主要介紹了Jquery實現(xiàn)的角色左右選擇特效,需要的朋友可以參考下2014-05-05
此筆記只是作為本人學習JQuery的隨手筆記,稍微做了一下整理,希望對新人有參考價值。2009-05-05
下面小編就為大家?guī)硪黄猨Query自定義元素右鍵點擊事件(實現(xiàn)案例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了showModelDialog彈出文件下載窗口的使用示例，方法很簡單，大家可以直接參考下面的代碼使用2013-11-11
客戶端的抖動,快速操作,網(wǎng)絡通信或者服務器響應慢,都容易造成服務器重復處理,這篇文章主要給大家介紹了關(guān)于jquery項目中如何防重復提交的相關(guān)資料,需要的朋友可以參考下2021-11-11
自己寫的 ToolTip提示插件,書寫過程很認真的,希望大家支持我，給我點評論,感興趣的朋友可以了解下哦，希望本文對你有所幫助2013-01-01
jQuery參數(shù)列表集合，學習jquery的朋友可以收藏下。2011-04-04
這篇文章主要介紹了jquery mobile開發(fā)常見問題,結(jié)合實例形式分析了jQuery mobile插件使用過程中的常見錯誤問題與對應的解決方法,需要的朋友可以參考下2016-01-01