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


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 相关文章推荐
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
javascript 常用功能总结
Mar 18 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
JavaScript实现身份证验证代码实例
Aug 26 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查询搜索引擎排名位置的代码
2010/01/05 PHP
PHP安全防范技巧分享
2011/11/03 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
PHP输出缓冲控制Output Control系列函数详解
2015/07/02 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
javascript 动态创建表格
2015/01/08 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
Javascript实现单例模式
2016/01/24 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
解读Bootstrap v4 sass设计
2016/05/29 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
js实现扫雷源代码
2020/11/27 Javascript
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
解决Spyder中图片显示太小的问题
2018/04/27 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
Django model update的多种用法介绍
2020/03/28 Python
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
生产部主管岗位职责
2014/01/06 职场文书
美术国培研修感言
2014/02/12 职场文书
学校消防演习方案
2014/02/19 职场文书
团支书竞选演讲稿
2014/04/28 职场文书
植树节活动总结
2014/04/30 职场文书
差生评语大全
2014/05/04 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
2015新学期家长寄语
2015/02/26 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
MySQL创建定时任务
2022/01/22 MySQL