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


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 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
javascript 数组的方法集合
Jun 05 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
node.js中的fs.chown方法使用说明
Dec 16 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
Jan 16 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中使用Oracle数据库(2)
2006/10/09 PHP
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
JS解密入门之凭直觉解
2008/06/25 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
2015/12/28 Javascript
node.js+express制作网页计算器
2016/01/17 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
面试常见的js算法题
2017/03/23 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
python字符串连接方式汇总
2014/08/21 Python
Python实现CET查分的方法
2015/03/10 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python实现二维数组按照某行或列排序的方法【numpy lexsort】
2017/09/22 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
答题辅助python代码实现
2018/01/16 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
python遍历小写英文字母的方法
2019/01/02 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
python多线程分块读取文件
2019/08/29 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
python3爬取torrent种子链接实例
2020/01/16 Python
python模块如何查看
2020/06/16 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
护理专业求职信
2014/06/15 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS