Автоматическая прокрутка контента в div?

Question

[Борис Белов]

Доброй ночи.
Есть насущный вопрос.

Как осуществить плавную автоматическую прокрутку до низа div'a?



Есть на сайте что-то подобия портфолио, и хочется чтобы когда человек прокрутит до этого места, то чтобы работы сами прокручивались.
Есть такой код:

<script type="text/javascript">
            window.onload = function(){ document.getElementById('scroll').scrollTop = 9999;            }
        </script>

Но проблема, в том, что div скроллиться тупо вниз, а не плавно. Как задать плавность?

---

рабочий код

<script type="text/javascript" src="https://zengabor.github.io/zenscroll/zenscroll.js"></script>
<script type="text/javascript">zenscroll.createScroller(document.getElementById('scrollable')).toY(600, 10000);</script>

Answer 1

[Иван]

https://github.com/zengabor/zenscroll

Comments

[Борис Белов]

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

[Иван]

Борис Белов: не совсем понятно тогда чего именно вы добиваетесь. Нужно плавно скролить до якоря или до конца страницы? Или какой-то блок скролить?

[Иван]

На скрине есть ещё горизонтальная карусель, она к вопросу отношения не имеет случаем?

[Борис Белов]

Иван: смотрите. У нас есть div блок, в нем есть img, нам надо чтобы img сам прокручивался, без вмешательства человека. Грубо говоря как работает marquee только вертикально. Теперь более понятно? извиняюсь если не очень правильно пишу

[Иван]

Например вот: codepen.io/podorozhny/pen/jAxExb
Вместо 600 надо подставить нужное кол-во прокручиваемых пикселей (высота_картинки - высота_дива).

[Борис Белов]

Иван: аллилуя! хороших выходных)

[Борис Белов]

Иван: Иван извиняюсь, поблагодарил без проверки. Не получилось, не хочет работать на сайте. Реши для проверки сделать тут https://jsfiddle.net/72ugwn2s/, но чего то не хватает наверно. Не могу понять чего.

[Борис Белов]

Иван: вставил в футере вроде теперь не ссылается на весь сайт, но теперь и не работает автоскроллинг у портфолио

[Борис Белов]

Иван: все, все заработало, надо вставлять не в футере и не в хедере, а сразу после в которых должна прокручиваться картинка

[Иван]

Борис Белов: :)