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


Posted in Javascript onFebruary 27, 2014

使用该函数,必须集成于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 iframe的相互操作浅析
Oct 14 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
jQuery利用sort对DOM元素进行排序操作
Nov 07 Javascript
详解JS-- 浮点数运算处理
Nov 28 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
微信小程序实战之登录页面制作(5)
Mar 30 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
css结合js制作下拉菜单示例代码
Feb 27 #Javascript
js function定义函数的几种不错方法
Feb 27 #Javascript
window.open 以post方式传递参数示例代码
Feb 27 #Javascript
jQuery之ajax删除详解
Feb 27 #Javascript
jQuery之字体大小的设置方法
Feb 27 #Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 #Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 #Javascript
You might like
Sony CFR 320 修复改造
2020/03/14 无线电
什么是MVC,好东西啊
2007/05/03 PHP
关于svn冲突的解决方法
2013/06/21 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
PHP闭包实例解析
2014/09/08 PHP
php安装swoole扩展的方法
2015/03/19 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
2016/12/08 Javascript
js常用DOM方法详解
2017/02/04 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
Python 中字符串拼接的多种方法
2018/07/30 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
Django启动时找不到mysqlclient问题解决方案
2020/11/11 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
企事业单位求职者的自我评价
2013/12/28 职场文书
咖啡书吧创业计划书
2014/01/13 职场文书
高中物理教学反思
2014/02/08 职场文书
小学毕业感言300字
2014/02/19 职场文书
医院合作协议书
2014/08/19 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书