有時,當我們制作網站時,我們可能會希望網站頁面的主體內容不會隨著用戶滾動而滾動。這可通過CSS中的body標簽來實現。
body{ position: fixed; overflow-y: scroll; }
在上面的CSS中,我們將body標簽的位置設置為固定的。這意味著頁面內容將不會滾動。然而,我們還想讓用戶能夠滾動以閱讀長頁面,因此我們添加了overflow-y: scroll;來啟用垂直滾動條。
您還需要注意,這種情況會引起一些問題。如果您使用了固定的navbar或側邊欄,并希望用戶在繼續滾動時,這些元素仍然可見,則需要采用其他解決方案。
總的來說,禁用主體內容的滾動是一個簡單的過程,同時也需要考慮其他細節。
上一篇css bem 中
下一篇css border突出