Как поиграться со скроллингом?

Question

[Ростислав Сергеевич]

Привет.
Можно ли как-то замедлить или, наоборот, ускорить дефолтный скроллинг, перехватив событие scroll?

Answer 1

[Сергей Соколов]

Можно без JS, только-CSS: слой приблизить по оси Z и уменьшить  – для «ускорения» прокрутки; и наоборот, отдалить и увеличить (чтобы он воспринимался таким же по размеру) – для «замедления». Демо.

CSS:

.forefront-element {
    -webkit-transform: translateZ(999px) scale(.7);
    transform: translateZ(999px) scale(.7);
    z-index: 1;
  }

  .base-element {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .background-element {
    -webkit-transform: translateZ(-999px) scale(2);
    transform: translateZ(-999px) scale(2);
    z-index: 3;
  }

via.

Comments

[Ростислав Сергеевич]

Отличная идея. Спасибо

[heducose]

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

[Сергей Соколов]

heducose: аргументы?

[Arris]

heducose: а всякие лендинги с относительным скроллингом разных надписей не так делаются?

[Ростислав Сергеевич]

heducose: нужно иногда выходить за рамки привычного. Только так можно сделать что-то уникальное. Вы можете дальше продолжать действовать шаблонными методами.

[heducose]

Ростислав Сергеевич: в смысле, изобретать кривой лисапед, если все уже давно изобретенно? Ну и вообще, вы скинули цсс пример обычного параллакса, ТС же просит другое - самую омерзительную, на мой взгляд, вешь, под названием СКРОЛЛДЖЕКИНГ.

Я, если честно, готов плевать в лицо людям, которые это используют, поэтому, увы, подсказывать как это гадость делать не буду!

[Ростислав Сергеевич]

heducose: я скинул? Посмотрите по-внимательнее на имя человека, сделавшего это. Спасибо за "Скроллджекинг". Подсказывать мне ничего не нужно. Сам всё сделаю.