类似天猫商品详情随浏览器移动的示例代码_Javascript教程-查字典教程网
类似天猫商品详情随浏览器移动的示例代码
类似天猫商品详情随浏览器移动的示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:使用该函数,必须集成于jquery包原理:当浏览器移动到某个指定位置时,该图层上浮,然后加入一个样式,让该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));

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类