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


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(DHTML)中的一些技巧
Jan 09 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
javascript中的throttle和debounce浅析
Jun 06 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
Nov 20 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
Dec 17 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
JavaScript高级程序设计之基本引用类型
Nov 17 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脚本中include文件出错解决方法
2008/11/20 PHP
初识laravel5
2015/03/02 PHP
PHP截取IE浏览器并缩小原图的方法
2016/03/04 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
PHP将页面中点击数量高的链接进行高亮显示的方法
2016/05/30 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
Python科学计算之NumPy入门教程
2017/01/15 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
详解Python模块化编程与装饰器
2021/01/16 Python
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
电大毕业生自我鉴定
2013/11/10 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python