类似天猫商品详情随浏览器移动

最新推荐文章于 2018-11-12 08:52:41 发布

过滤阳光

最新推荐文章于 2018-11-12 08:52:41 发布

阅读量777

点赞数

分类专栏：代码文章标签：天猫 jquery 浏览器 css

代码专栏收录该内容

25 篇文章 0 订阅

订阅专栏

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

css里面可能有些没用的。。。