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


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 相关文章推荐
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
node.js 使用ejs模板引擎时后缀换成.html
Apr 22 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
three.js利用射线Raycaster进行碰撞检测
Mar 12 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中文字母数字验证码实现代码
2008/04/25 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
python 中的divmod数字处理函数浅析
2017/10/17 Python
python放大图片和画方格实现算法
2018/03/30 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
python实现取余操作的简单实例
2020/08/16 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
英国家电购物网站:Sonic Direct
2019/03/26 全球购物
生产车间实习自我鉴定
2013/09/23 职场文书
高中生学习生活的自我评价
2013/10/09 职场文书
生产主管岗位职责
2013/11/10 职场文书
财务助理岗位职责
2013/11/10 职场文书
外语专业毕业生个人的自荐信
2013/11/19 职场文书
电话客服工作职责
2014/07/27 职场文书
庆七一活动总结
2014/08/27 职场文书
学习党代会心得体会
2014/09/05 职场文书
工作检讨书怎么写
2014/10/10 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
七年级作文之下雨天
2019/12/23 职场文书
动画「进击的巨人」第86话播出感谢绘公开
2022/03/21 日漫
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS