2024-06-10Carousel with Zoom Effect .container { max-width: 800px; margin: 0 auto; } .carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; } .carousel img { width: 100%; scroll-snap-align: start; } .zoom { position: fixed; top: 0;

https://www.qianduange.cn//article/11785.html 分类：前端知识

2024-01-26我们希望可以一块一块的滚动，比如当前一个块滚出去了一部分并且后一个块滚进来一部分的时候，实现后一个块自动滚入或者前一个块回弹到初始位置这种效果，以前的时候用js需要写比较复杂的判断逻辑，后来有了一个css。scroll-snap-type指明了一个可以滚动的容器是否是scroll snap container , snap地是否严格() , 在哪个轴上实现snap效果。1、scroll-snap-type（吸附模式：添加到父元素中）snap这个方法，可以比较方便的实现想要的效果了，基本够用。_css 自动吸附

https://www.qianduange.cn//article/407.html 分类：前端知识