在網頁開發中,有時我們不希望用戶通過滑屏來瀏覽網頁內容,而希望用戶只能通過鼠標滾輪或者點擊按鈕等方式來進行操作,那么該如何設置呢?
html { overflow: hidden; /*禁止滑屏*/ touch-action: none; /*禁止觸摸事件*/ }
如上所示,通過設置html元素的overflow和touch-action屬性,就可以實現禁止滑屏的效果。
body { position: fixed; /*固定body元素*/ width: 100%; /*設置寬度為100%*/ }
如果上述方法無法禁止滑屏,可以嘗試通過設置body元素的position: fixed屬性來實現。這個方法的原理是,將body元素固定在整個網頁范圍內,禁止整個網頁向任何方向滑動。
總之,無論是通過設置html元素的overflow和touch-action屬性,還是通過設置body元素的position: fixed屬性,都可以實現禁止滑屏的效果,具體哪種方法更適合,可根據自己的需求進行選擇。
上一篇html 中下移代碼
下一篇html 個人簡歷代碼