网站空间ip是一个域名,手机建行网站,如何做网站实现收入稳定,怎么建设一个漫画网站大部分人基本上都会使用JS实现页面的滚动贴合效果#xff0c;在学习的过程中#xff0c;偶然发现原生CSS实现滚动贴合效果的方法#xff1b;
html 代码
!DOCTYPE html
html langen
headmeta charsetUTF-8tit…大部分人基本上都会使用JS实现页面的滚动贴合效果在学习的过程中偶然发现原生CSS实现滚动贴合效果的方法
html 代码
!DOCTYPE html
html langen
headmeta charsetUTF-8title滚动贴合/titlestyle* {margin: 0;padding: 0;}.container {width: 1200px;height: 100vh;overflow-y: scroll;scroll-snap-type: y mandatory;margin: auto;}.container .item {width: 100%;height: 100%;padding: 30px;border: 1px dashed #cccccc;box-sizing: border-box;scroll-snap-align: start;border-radius: 10px;background: #f9f9f9;margin-bottom: 16px;}.container .item:last-child {margin-bottom: 0;}.container .item img {width: 100%;height: 100%;object-fit: cover;border: 1px solid #ffffff;transition: all 0.4s;}.container .item:hover img {box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);border-radius: 10px;}/style
/head
body
div classcontainerdiv classitemimg srchttps://t7.baidu.com/it/u4162611394,4275913936fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u949373678,2089110629fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u2196842896,2809445370fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u3779521506,3594871140fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u3360446468,3126444958fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u2749005241,3756993511fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u2928560209,826823219fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u3780014697,4013718301fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u832449998,3859178369fm193fGIF alt/divdiv classitemimg srchttps://t7.baidu.com/it/u1710836566,438775692fm193fGIF alt/div
/div
/body
/html
