实现全屏滚动可以不依赖 JS, 只使用纯 CSS 实现, 不过只有较新版本的浏览器支持这一特性
主要使用了以下 CSS 属性
-
scroll-snap-type: y mandatory;
给父元素设置, 设置贴合类型 -
scroll-snap-align: start;
给子元素设置, 设置贴合点
实现全屏滚动可以不依赖 JS, 只使用纯 CSS 实现, 不过只有较新版本的浏览器支持这一特性
主要使用了以下 CSS 属性
scroll-snap-type: y mandatory;
给父元素设置, 设置贴合类型
scroll-snap-align: start;
给子元素设置, 设置贴合点