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


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下通过replace字符串替换实现大小图片切换
May 22 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
JavaScript电子时钟倒计时
Jan 09 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
详解angular element()方法使用
Apr 08 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
在Layui中实现开关按钮的效果实例
Sep 29 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 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
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
PHP中echo和print的区别
2014/08/28 PHP
smarty中js的调用方法示例
2014/10/27 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
javascript new 需不需要继续使用
2009/07/02 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
JavaScript之解构赋值的理解
2019/01/30 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
[05:28]刀塔密之一:团结则存
2014/07/03 DOTA
使用Python读取二进制文件的实例讲解
2018/07/09 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
护士自荐信怎么写
2013/10/18 职场文书
公务员个人自我评价分享
2013/11/06 职场文书
现金会计岗位职责
2013/12/05 职场文书
房地产销售计划书
2014/01/10 职场文书
出纳担保书范文
2014/04/02 职场文书
关于中国梦的演讲稿
2014/04/23 职场文书
信息简报范文
2015/07/21 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
浅析Python中的随机采样和概率分布
2021/12/06 Python