jq定位 scroll 定位

Posted zxy-web

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq定位 scroll 定位相关的知识,希望对你有一定的参考价值。

  html 中 有一个scroll 滚动元素:  (根据页面滚动的高度: top  来决定操作);

      fixed 固定定位 : 对象脱离正常文档流,使用top  right  bottom left 对窗口进行固定的定位(不会因为文档内的操作而改变fixed的定位效果);

      原生 onscrolltop:

              1:  scrollTop();   页面卷起,看不到的高度;

                         1.1 : 若scrollTop()  括号内 不给值, 表示获取卷起来的高度; 

                         1.2: 若scrollTop(100)   若括号内给数值,表示卷起来的高度;

                    写法:$(window).scroll( function(){         } );  获取 卷起的值;  

       

技术分享图片

 

     2: 小案例 : 当scrollTop 达到一定值 头部锁定 

 

           技术分享图片

以上是关于jq定位 scroll 定位的主要内容,如果未能解决你的问题,请参考以下文章

jq怎么获取绝对定位与相对定位的top值?

better-scroll插件中导致fixed定位失效处理方便

jq实现滚动定位

整理版jq 复习贴子

webkit-overflow-scrolling 隐藏绝对定位的 div

微信小程序基于scroll-view实现锚点定位