您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 当浏览器移动到某个指定位置时,该图层上浮,然后加入一个样式,让该div层定位于浏览器顶部,需要的朋友可以参考下

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