風雲 (ID: 3)
头衔：论坛版主
等级：大天使
积分：1632
发帖：72 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2024/12/21 22:25:57
发帖：72 篇
来自：保密
注册：2022/3/30 15:28:53
造访：2024/12/21 22:25:57
[ 第 1 楼 ]
回复
回复
先来两个例子：
横向 swiper：纵向 swiper：相关CSS 属性说明：
scroll-snap-type: x mandatory
x 表示 横向，y 表示纵向，both 表示两个方向都自动滑动。
mandatory：用户停止滚动的时候，会自动选择一个子元素的点，不加这个属性，有可能卡在某个位置不滚动。
scroll-snap-align: start|center|end
start 为开端对齐，center 为中心对齐，end 为尾端对齐。
横向 swiper：
[您可以先修改代码再运行]
[您可以先修改代码再运行]
scroll-snap-type: x mandatory
x 表示 横向，y 表示纵向，both 表示两个方向都自动滑动。
mandatory：用户停止滚动的时候，会自动选择一个子元素的点，不加这个属性，有可能卡在某个位置不滚动。
scroll-snap-align: start|center|end
start 为开端对齐，center 为中心对齐，end 为尾端对齐。
2022/4/11 18:24:19
IP：已设置保密