CSS scroll-snap-stop 屬性

定義和用法

當在觸控板或觸摸屏上快速滑動時，scroll-snap-stop 屬性用于指定滾動是直接跳過元素，還是停止并吸附到下一個元素。

要控制滾動吸附停止行為，必須在子元素上設置 scroll-snap-stop 和 scroll-snap-align 屬性，同時在父元素上設置 scroll-snap-type 屬性。

注意：你需要在帶有觸控板或觸摸屏的設備上使用滑動手勢，才能體驗 scroll-snap-stop 屬性的效果。

實例

在觸控板或觸摸屏上快速滑動時，強制滾動停止并吸附到下一個元素，而不是直接跳過元素：

div {
  scroll-snap-stop: always;
}

親自試一試

CSS 語法

scroll-snap-stop: normal|always|initial|inherit;

屬性值

值 描述
normal 默認值。在觸控板或觸摸屏上快速滑動后，滾動會緩慢減速并跳過多個元素。
always 在觸控板或觸摸屏上快速滑動后，滾動會停止并將下一個元素吸附到焦點位置。
initial 將此屬性設置為其默認值。參閱 initial。
inherit 從其父元素繼承此屬性。參閱 inherit。

技術細節

默認值： normal
繼承性： 否
動畫制作： 不支持。請參閱：動畫相關屬性。
版本： CSS3
JavaScript 語法： object.style.scrollSnapStop="always"

瀏覽器支持

表格中的數字表示首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

相關頁面

參考：CSS scroll-snap-align 屬性

參考：CSS scroll-snap-type 屬性