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

Question

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

当我在div中滚动时，它应该自动转到另一篇文章。一种css滚动捕捉点

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

First article

Second article

这是另一个EX：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

Answer 1

这可以帮助你：https://css-tricks.com/introducing-css-scroll-snap-points/

比你想象的要多几行，浏览器的兼容性并不是最好的。