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


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语句可以不以;结尾的烦恼
Mar 08 Javascript
jQuery 动态酷效果实现总结
Dec 27 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
jquery可定制的在线UEditor编辑器
Nov 17 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
Dec 17 Javascript
简单了解TypeScript中如何继承 Error 类
Jun 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+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
深入PHP运行环境配置的详解
2013/06/04 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
javascript 函数使用说明
2010/04/07 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
2020/06/17 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
js实现点击烟花特效
2020/10/14 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
python中return如何写
2020/06/18 Python
python实现计算图形面积
2021/02/22 Python
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
GMP办公室主任岗位职责
2014/03/14 职场文书
开工典礼策划方案
2014/05/23 职场文书
社区科普工作方案
2014/06/03 职场文书
谢师宴学生致辞
2015/07/27 职场文书
2015年中秋节主持词
2015/07/30 职场文书
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
【海涛dota解说】DCG联赛第一周 LGD VS DH
2022/04/01 DOTA