當(dāng)前位置：首頁 > 前端技术 > HTML >内容正文

HTML

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

發(fā)布時(shí)間：2025/3/15 HTML 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 Web前端笔记-解决NicSroll使用后页面跳动（每次刷新或进入跳动一下然后正常）问题小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

我的是這樣的頁面

頭部和尾部不動(dòng)，就中間動(dòng)。但每次刷新時(shí)會(huì)先出現(xiàn)這個(gè)。

然后頁面跳動(dòng)下，就正常了，很奇怪的體驗(yàn)，對(duì)應(yīng)的代碼如下：

<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>

總結(jié)

以上是生活随笔為你收集整理的Web前端笔记-解决NicSroll使用后页面跳动（每次刷新或进入跳动一下然后正常）问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。