jQuery页面滚动浮动层智能定位实例代码
2023-06-13 09:14:30 时间
HTML代码:
复制代码代码如下:
<divclass="float"id="float">
我是个腼腆羞涩的浮动层...
</div>
JS代码:
$.fn.smartFloat=function(){
varposition=function(element){
vartop=element.position().top,pos=element.css("position");
$(window).scroll(function(){
varscrolls=$(this).scrollTop();
if(scrolls>top){
if(window.XMLHttpRequest){
element.css({
position:"fixed",
top:0
});
}else{
element.css({
top:scrolls
});
}
}else{
element.css({
position:"absolute",
top:top
});
}
});
};
return$(this).each(function(){
position($(this));
});
};
//绑定
$("#float").smartFloat();
相关文章
- jquery 获取或设置radio单选框选中值的方法
- 基于jQuery或Zepto的图片延迟加载插件
- jquery动画效果实例_动画js
- jQuery实现CheckBox全选、全不选详解编程语言
- jQuery mouseover和mouseout事件
- jQuery实用技巧
- jquery.ui.progressbar中文文档
- jQuery改变CSS样式基础代码
- asp.net下使用jquery的ajax+WebService+json实现无刷新取后台值的实现代码
- 利用jquery的获取JS文件中的字符串内容
- jQuery侧边栏随窗口滚动实现方法
- jquery使用ColorBox弹出图片组浏览层实例演示
- jQuery实现动画效果的实例代码
- 使用jquery实现div的tab切换实例代码
- Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
- 解析Jquery的LigerUI如何实现文件上传
- Jquery中val()表单取值赋值的实例代码
- jQuery关于导航条背景切换效果实现示例
- Jquery获得控件值的三种方法总结
- jquery实现弹出div,始终显示在屏幕正中间的简单实例
- jQuery实现回车键(Enter)切换文本框焦点的代码实例
- jQuery遍历对象、数组、集合实例
- jQuery中last()方法用法实例
- jQuery使用之标记元素属性用法实例