Как сделать появление блока на весь экран, при прокрутке страницы до определённого места?

Question

[Serge999111]

Как сделать появление блока на весь экран, при прокрутке страницы до определённого места?

Но при этом он должен убираться, если прокручиваем страницу обратно вверх. То есть крутим вниз, появляется. Крутим вверх-убирается.

Подскажите решение. Пожалуйста.

Answer 1

[Serge999111]

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

Он сейчас работает пр принципу ВКЛ/ВКЛ. а как сделать именно плавное появление.

Я понимаю что примерно так, что при каждом 10 пунктов скролла мы добавляем к примеру 0.1 к прозрачности.

Но мне кажется что это ерунда какая то(:

Comments

[monax33349]

Попробуй это -https://ru.vuejs.org/v2/guide/transitions.html

[monax33349]

А в стилях опиши свою анимацию