展会信息港展会大全

类似天猫商品详情随浏览器移动的示例代码
来源:互联网   发布日期:2016-01-27 15:56:39   浏览:1036次  

导读:当浏览器移动到某个指定位置时,该图层上浮,然后加入一个样式,让该div层定位于浏览器顶部,需要的朋友可以参考下使用该函数,必须集成于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));

}

赞助本站

人工智能实验室

相关热词: 天猫 浏览器 代码

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港