Web前端笔记-解决NicSroll使用后页面跳动（每次刷新或进入跳动一下然后正常）问题

发布2022-02-21浏览807次

详情内容

我的是这样的页面

头部和尾部不动，就中间动。但每次刷新时会先出现这个。

然后页面跳动下，就正常了，很奇怪的体验，对应的代码如下：


<head>
    ...
    ...
    ...
	<script>
 
        $(document).ready(function(){
 
             let nice = $("#mainDiv").niceScroll();
        });
 
    </script>
</head>

这里只需要隐藏下html即可代码如下：


<head>
    ...
    ...
    ...
	<script>
 
        $(document).ready(function(){
 
             let nice = $("#mainDiv").niceScroll();
        });
 
    </script>
    
        <style type="text/css">
        html{
            overflow-x: hidden;
            overflow-y: hidden;
        }
    </style>
    
</head>