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


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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
一个小型js框架myJSFrame附API使用帮助
Jun 28 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
在IE浏览器中resize事件执行多次的解决方法
Jul 12 Javascript
基于JavaScript 下namespace 功能的简单分析
Jul 05 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
ES2020 已定稿,真实场景案例分析
May 25 Javascript
用js实现放大镜效果
Oct 28 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 file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
浅谈JavaScript实现面向对象中的类
2014/12/09 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
js匿名函数使用&传参(实例)
2017/09/08 Javascript
js 概率计算(简单版)
2017/09/12 Javascript
js中的 || 与 && 运算符详解
2018/05/24 Javascript
使vue实现jQuery调用的两种方法
2019/05/12 jQuery
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
python根据经纬度计算距离示例
2014/02/16 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
应届大学生自荐信
2013/12/05 职场文书
机关门卫岗位职责
2013/12/30 职场文书
班组长岗位职责范本
2014/01/05 职场文书
计算机专业职业生涯规划范文
2014/01/19 职场文书
九年级科学教学反思
2014/01/29 职场文书
体育教学随笔感言
2014/02/24 职场文书
装修设计师求职信
2014/02/26 职场文书
库房管理员岗位职责
2015/02/12 职场文书
采购内勤岗位职责
2015/04/13 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
小孩不笨观后感
2015/06/03 职场文书
暑期家教宣传单
2015/07/14 职场文书
初一年级组工作总结
2015/08/12 职场文书