在開發網頁時,我們常常會遇到這樣的問題,就是網頁在使用CSS時會出現頁面無法滑動的情況。
body { overflow: hidden; }
這個問題通常是因為CSS中設置了父元素的overflow屬性為hidden所引起的。
在CSS中,用overflow屬性來控制元素內部內容的顯示方式,可以設置為visible、hidden、scroll、auto等不同值。其中,當設置為hidden時,則意味著隱藏溢出部分的內容,并禁止頁面的滑動。
如果頁面確實需要溢出部分的內容,那么我們可以嘗試去除父元素的overflow屬性或者設置為scroll或auto等合適的值。
body { ????overflow: auto; }
當然,如果你的網頁有特殊的需求,需要使用隱藏溢出部分的方法,那么建議使用其他的解決方案,例如使用JavaScript去控制滑動,或者使用CSS偽元素實現自定義滾動條等方法。
上一篇css有時無法連接