欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-05 08:54:05
使用该函数,必须集成于jquery包 原理:当移动到某个指定位置时,该图层上浮,然后加入一个样式,让该p层定位于浏览器顶部 . 代码如下: //控制头部购物车的显示...

使用该函数,必须集成于jquery包

原理:当移动到某个指定位置时,该图层上浮,然后加入一个样式,让该p层定位于浏览器顶部

. 代码如下:


//控制头部购物车的显示
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));
}