滚动到顶部固定

Posted yangguoe

tags:

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

 1     // 滚动到顶部固定
 2     var navH = $(".fixedTop").offset().top;
 3     $(".fixedTop").wrap("<div class=‘background-fixed‘></div>");
 4     $(‘.flowDev‘).scroll(function () {
 5         var scroH = $(‘.flowDev‘).scrollTop();
 6         if (scroH >= navH) {
 7             $(".fixedTop").css({"position": "fixed", "top": 0});
 8             $(".fixedTop").css({"z-index": "999"});
 9             $(".fixedTop").css({"background": "#f4f4f4"});
10             $(".fixedTop").css({"width": "94%"});
11         } else if (scroH < navH) {
12             $(".fixedTop").css({"position": "static"});
13             $(".fixedTop").css({"background": "#fff"});
14             $(".fixedTop").css({"width": "100%"});
15         }
16     });

 

以上是关于滚动到顶部固定的主要内容,如果未能解决你的问题,请参考以下文章

滚动到顶部固定

WPF 菜单栏滚动到顶部后固定的两种方法

UIScrollView + 在滚动屏幕之前将项目固定到顶部

底部对齐的导航棒滚动到顶部

Android NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端

滚动浏览提要时 RecyclerView 跳转到顶部