Прокрутка списка вверх по экрану, один щелчок на элемент, предыдущие элементы прокручиваются вверх

Прокрутка списка вверх по экрану, один щелчок на элемент, предыдущие элементы прокручиваются вверх

Мне бы хотелось сделать что-то вроде анимации титров, но не непрерывной.

По щелчку: элемент прокручивается снизу, предыдущий элемент прокручивается вверх синхронно (но не за пределы экрана) и слегка затухает, чтобы привлечь внимание к новому элементу. Затем пауза с новым элементом на экране до следующего щелчка. Идея в том, что аудитория все еще может прочитать предыдущий элемент, если это необходимо, но их внимание будет привлечено к новому элементу.

Это возможно?

решение1

Не знаю, как именно вы себе это представляете, но это можно осуществить, приложив некоторые усилия.

Мне удалось сделать что-то вроде этого:

введите описание изображения здесь

Он включает в себя размещение черных квадратов с прозрачностью и анимацию движущихся линий, как на изображении ниже:

введите описание изображения здесь

Связанный контент