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


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 相关文章推荐
jQuery随机切换图片的小例子
Apr 18 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
微信小程序8种数据通信的方式小结
Feb 03 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 Javascript
关于Js中new操作符的作用详解
Feb 21 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
php中二分法查找算法实例分析
2016/09/22 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
2014/02/04 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
2016/09/21 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
python中argparse模块用法实例详解
2015/06/03 Python
六个窍门助你提高Python运行效率
2015/06/09 Python
基于python 爬虫爬到含空格的url的处理方法
2018/05/11 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
python中数字是否为可变类型
2020/07/08 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
高中生学习总结的自我评价范文
2013/10/13 职场文书
应用数学自荐书范文
2013/11/24 职场文书
生物学学生自我评价
2014/01/17 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
《学会待客》教学反思
2014/02/22 职场文书
历史专业大学生职业生涯规划书
2014/03/13 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
python实现简单的三子棋游戏
2022/04/28 Python