在開發網頁時,有時需要設置頁面不可滾動,例如在彈窗中顯示內容時,我們不希望用戶在彈窗外進行滾動。下面介紹兩種方法。
html, body { overflow: hidden; }
上述代碼將body元素的overflow屬性設置為hidden,可以禁止滾動。
body { position: fixed; width: 100%; }
這種方法更加徹底,將整個body元素的定位屬性設置為fixed,寬度為100%,禁止滾動的同時也不會出現滾動條。但需要注意的是,此方法會使彈窗窗口大小不能隨內容自適應,需要設置寬高。
以上兩種方法都能達到禁止滾動的效果,開發者可以根據實際需求選擇使用。
上一篇css中重繪
下一篇canvas封裝vue