如何在 CSS 中按行/像素滚动

How to scroll by line/pixel in CSS?

本文关键字：像素滚动 CSS 更新时间：2023-09-26

我在带有滚动条的div 框中有 5 篇短文。

当我在div 中滚动时，它应该会自动转到另一篇文章。CSS 滚动对齐点的种类

比如下降 50 像素。如何使用CSS或其他东西来做到这一点。提前谢谢。

第一篇文章

第二篇

这是另一个例子：

https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2015/12/1449529764snappoints-03.gif

另一位前任：http://codepen.io/sdras/pen/43c9d13b23bc34a85bb3a5e2ea985958

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_scrollto

https://blog.hospodarets.com/demos/scroll-snap-full-screen/#screen1

这应该对你有所帮助： https://css-tricks.com/introducing-css-scroll-snap-points/

将花费比您想象的更多的几行，浏览器兼容性也不是最好的。