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


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 相关文章推荐
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
javascript三种代码注释方法
Jun 02 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
Dec 22 Javascript
从零学习node.js之利用express搭建简易论坛(七)
Feb 25 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
微信小程序实现搜索指定景点周边美食、酒店
May 18 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 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
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
javascript 函数速查表
2010/02/07 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
javascript验证身份证号
2015/03/03 Javascript
AngularJS表单和输入验证实例
2016/11/02 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
理解 Node.js 事件驱动机制的原理
2017/08/16 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
python中requests和https使用简单示例
2018/01/18 Python
Python对List中的元素排序的方法
2018/04/01 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
python异常处理和日志处理方式
2019/12/24 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
html5理解head_动力节点Java学院整理
2017/07/13 HTML / CSS
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
应届毕业生个人求职自荐信
2014/01/06 职场文书
学校对教师的评语
2014/04/28 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书