在移動設備的網頁中,有時需要禁止縱向滑動,以保持頁面布局的穩定性。下面介紹幾種常用的CSS方法。
/* 第一種方法 */ body { overflow: hidden; } /* 第二種方法 */ body { position: fixed; width: 100%; } /* 第三種方法 */ html, body { height: 100%; } body { overflow-y: hidden; }
以上三種方法中,第一種方法通過設置
元素的overflow
屬性為hidden
,來禁止縱向滑動。第二種方法則使用position:fixed
,固定頁面的位置,達到禁止縱向滑動的目的。第三種方法則是在html
和元素上設置height:100%
,配合設置overflow-y:hidden
來實現。綜上所述,以上三種方法均可以實現禁止縱向滑動的效果,具體使用應根據不同的場景進行選擇。