2016-07-06 4 views
-1

У меня есть 5 коротких статей в коробке div с полосой прокрутки.Как прокручивать строку/пиксель в CSS?

Когда я прокручиваю в div, он должен автоматически перейти к другой статье. Вид css scroll snap points

Как вниз 50 px. Как это сделать с помощью 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

+0

Один из примеров, которые вы опубликовали, уже находится на codepen? Вы проверили, как это делается? –

ответ

0

Это должно помочь вам: https://css-tricks.com/introducing-css-scroll-snap-points/

займет несколько больше строк, чем вы могли бы подумать, совместимость браузеров не лучшая.

+0

тот же код не работает на моем сайте и jsfiddle (https://jsfiddle.net/5330gk8t/) – tosunkaya

Смежные вопросы