CSS Scroll Snap 產生器：鍵盤與原生捲動預覽

建立水平或垂直捲動吸附，比較 mandatory／proximity、調整對齊與內距，複製一致的 CSS 與 HTML。

正在啟用本機工具…

捲動容器與對齊

軸向吸附強度項目對齊容器 scroll-padding（px）項目 scroll-margin（px）

長度限 0–200 px，統一套用四邊。padding 調整容器吸附視窗；margin 調整項目吸附區域，不改變版面間距。輸入僅留本機記憶體。

設定完成後建立預覽與程式碼。

吸附距離與慣性由瀏覽器決定。mandatory 可能妨礙長內容操作；proximity 由瀏覽器判斷接近程度。請用實際長文、縮放及觸控裝置驗證。

選擇方向、吸附強度、對齊、padding 與 margin，建立後操作可聚焦預覽或上一張／下一張，再複製 CSS 及 HTML。

Proximity 吸附由瀏覽器決定。須另測觸控裝置與實際內容尺寸，不可遮住內容或鎖住整頁捲動。