博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【JQuery插件】元素根据滚动条位置自定义吸顶效果
阅读量:6911 次
发布时间:2019-06-27

本文共 1377 字,大约阅读时间需要 4 分钟。

 

;(function($){    $.fn.extend({        /*        元素根据滚动条位置自定义吸顶插件         @defaultTop 初始化top位置        @startTop 开始滚动和回复原样的位置        @demo            var ensureTop = $('#ensure').offset().top;            $('#columnFloat').setScroll({                defaultTop: ensureTop,//需要设置的默认起始top位置                startTop: ensureTop//从什么位置开始执行事件            });        */        setScroll:function(opt){            if($(this).length<1 || !opt.startTop){return;}            var isIE6 = !-[1,]&&!window.XMLHttpRequest,                Timmer= null,                $this = $(this),$win = $(window),                startTop = opt.startTop;            /*初始化top位置*/            if(opt.defaultTop){$this.css('top',opt.defaultTop);}            /*开始滚动和回复原样的位置*/            $win.bind('scroll',function(){                if(Timmer){clearTimeout(Timmer);}                Timmer = setTimeout(function(){                    if($win.scrollTop()>=startTop){/*开始执行事件*/                        if(isIE6){                            $this.css({'position':'absolute','top':$win.scrollTop()});                        }else{                            $this.css({'position':'fixed','top':0});                        }                    }else{                        $this.css({'position':'absolute','top':opt.startTop});                    }                },40);                            });        }    });

  

转载地址:http://ylncl.baihongyu.com/

你可能感兴趣的文章
使用Java、Excel数据分析如何有效投资房产
查看>>
java B2B2C Springcloud电子商务平台源码-服务网关Zuul高级篇
查看>>
利用fetch方法实现Ajax请求
查看>>
Android 录音功能直接拿去用
查看>>
openrestry
查看>>
[译]JavaScript async / await:好处、坑和正确用法
查看>>
==运算手册
查看>>
iOS 下载URL不断改变的情况下 使用 resumeData做断点续传
查看>>
JVM类加载过程
查看>>
JavaScript事件模型
查看>>
让HTTPS简单易懂
查看>>
Head First JNA
查看>>
聊聊flink TaskManager的managed memory
查看>>
Flink 1.7 文档翻译活动期待大家的参与 | ApacheCN
查看>>
用一张图总结web缓存策略
查看>>
ClassLoader(二)- 加载过程
查看>>
【Solidity】1.一个Solidity源文件的布局 - 深入理解Solidity
查看>>
Spring Security OAuth 个性化token
查看>>
视频直播和实时音视频区别调研
查看>>
Terraform入门 - 2. 构建基础设施
查看>>