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

时间:2014-02-27    点击:77   
使用该函数,必须集成于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));
}
flash遮住div问题的正确解决方法
浏览器窗口加载和大小改变事件示例
js中settimeout方法加参数的使用实例
回车直接实现点击某按钮的效果即触发单击事件
jQuery的live()方法对hover事件的处理示例
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved