Как реализовать обратный скролл страницы?

Question

[Полина Емельянова]

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

САБЖ: Для ленда нужно реализовать прокрутку страницы Снизу-вверх.
Т.е. не сверху вниз, как обычно, а Начиная, как бы, с низу.
Стартует страница, как бы, с места футера, а скролиться вверх.

ПРОБЛЕМА:
При этом колесико мыши должно крутиться ОБРАТНО!

ИДЕЯ: Таким образом мы показываем юзеру, крутящему колесико мыши наверх, идею роста.

Кто сталкивался с таким? Куда копать?

Заранее благодарю.

Comments

[Сергей delphinpro]

Если страница начинается снизу и крутить колесико нужно вверх, то может быть просто по onload устанавливать scrollTop в максимум и всё?

Answer 1

[RAX7]

https://jsfiddle.net/5UUtV/1/
стырил со stackoverflow

Comments

[Полина Емельянова]

Очень близко.) Благодарю!
Я тоже находила это решение. Теперь нужно как-то сделать так, чтобы и колесо мыщи вращалось ... навыворот...

[RAX7]

Полина Емельянова, можно форкнуть какой-нибудь кастомный скрол бар, например simple-scrollbar и допилить его до нужного вида

[Полина Емельянова]

RAX7, ЭТО ГЕНИАЛЬНО!!!
Оно так и должно работать!!!!

КРУТО!!! Благодарю!!!

[RAX7]

Полина Емельянова, пожалуйста=)

Answer 2

[Сергей delphinpro]

Допилил фиддл от RAX7


PS
Для большей плавности можно убрать transition и менять scrollTop через $.animate()

Answer 3

[dollar]

Думаю, можно сделать легко. Как-то так:
1) Делаем страницу без скролла, которая умещается в экран.
2) На странице несколько дивов с размерами 100%, которые накладываются друг на друга, то есть это как бы слои. И вот эти дивы уже со скроллом.
3) Верхний див сделать невидимым. В нём с некоторой периодичностью, а также по событию проверяется текущая позиция скролла и используется в вычислениях.
4) Нижний див, соответственно, принимает это значение и программно меняет позицию своего скролла в обратном направлении.

Проблема только в обычном взаимодействии со страницей. Я не уверен, как можно ловить только скролл верхним дивом, а всё остальное (клики, тапы) пропускать. Можно легко сделать, чтобы вся мышь или тач были прокинуты к нижнему диву, но тогда схема теряет смысл. В общем, думаю, можно как-то ловить клик, считать его координаты и передавать ниже.