手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >类似天猫商品详情随浏览器移动的示例代码
类似天猫商品详情随浏览器移动的示例代码
摘要:使用该函数,必须集成于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));

}

【类似天猫商品详情随浏览器移动的示例代码】相关文章:

让iframe框架网页在任何浏览器下自动伸缩

javascript实现图片跟随鼠标移动效果的方法

跨浏览器的设置innerHTML方法

网页里控制图片大小的相关代码

prototype 的说明 js类

JS实现浏览器菜单命令

基于jQuery实现的无刷新表格分页实例

JS中的Replace方法使用经验分享

js控制div弹出层实现方法

jQuery中 prop() attr()使用详解

精品推荐
分类导航