CSS scroll-snap-stop 屬性
定義和用法
當在觸控板或觸控式螢幕上快速滑動時,scroll-snap-stop
屬性指定是滾動過元素還是停止並吸附到下一個元素。
要控制滾動吸附停止行為,必須在子元素上設定 scroll-snap-stop
和 scroll-snap-align
屬性,並在父元素上設定 scroll-snap-type
屬性。
注意:您必須在帶有觸控板或觸控式螢幕的裝置上使用滑動操作才能體驗 scroll-snap-stop
屬性的效果。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
scroll-snap-stop | 75.0 | 79.0 | 103.0 | 15.0 | 62.0 |
CSS 語法
scroll-snap-stop: normal|always|initial|inherit;
屬性值
值 | 描述 |
---|---|
normal | 預設值。在透過觸控板或觸控式螢幕快速滑動後,滾動會緩慢減速並透過多個元素。 |
always | 在透過觸控板或觸控式螢幕快速滑動後,滾動停止,下一個元素吸附到視野中。 |
initial | 將此屬性設定為其預設值。閱讀關於initial |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS scroll-snap-align 屬性:CSS Scroll-snap-align 屬性
CSS scroll-snap-type 屬性:CSS Scroll-snap-type 屬性