CSS是網頁設計中不可或缺的一部分,其中有一個常見的需求是禁用窗口滾動條。下面我們來介紹如何使用CSS來實現這個功能。
html,body { overflow: hidden; }
以上代碼是將文檔根元素和body元素的overflow屬性設置為hidden。這樣一來,網頁中的所有內容就無法通過滾動條進行滾動了。
除此之外,還有一種情況需要禁用窗口滾動條,即彈出對話框時需要背景不可滾動。這時,我們需要通過JS來實現。下面是基于jQuery的一個簡單實現:
//彈出對話框時禁用滾動條 function disableScrollBar () { $('html,body').css('overflow', 'hidden'); } //關閉對話框時啟用滾動條 function enableScrollBar () { $('html,body').css('overflow', ''); }
以上就是禁用窗口滾動條的兩種方法,可以根據實際需求選擇使用哪一種。
上一篇css禁止鼠標拖拽
下一篇css鼠標移入文字提示