手机
当前位置:查字典教程网 >编程开发 >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));

}

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

设为首页 加入收藏的js代码

跨浏览器的设置innerHTML方法

Java环境变量怎么配置?Java环境变量设置教程

js去除浏览器默认底图的方法

打印/预览/设置的客户端代码

Ctrl + Enter提交前检测的代码

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

Javascript特效:随机显示图片的源代码

实现DIV圆角的JavaScript代码

js实现简单锁屏功能实例

精品推荐
分类导航