类似天猫商品详情随浏览器移动的示例代码

180 阅读 0 评论 119 点赞

我是靠谱客的博主腼腆大米，最近开发中收集的这篇文章主要介绍类似天猫商品详情随浏览器移动的示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

使用该函数，必须集成于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)); 
} 