JQuery: Отображение блока: cookies + скроллинг

Алексей7 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
04.09.2021

Требуется написать jquery-скрипт позволяющий отображать и скрывать блок (opacity:0 / opacity:1) по условиям:

  • По-умолчанию блок имеет стиль opacity:0;
  • Блок проявляется, если страница сайта была проскролена вниз на 1000px. Если вернуться к верху страницы, то блок не должен скрываться.
  • Первое появление блока (position:fixed) на странице сайта (снизу) через animate: opacity:1 и bottom:+20px
  • Пользователь имеет возможность скрыть блок (кнопка скрытия блока внутри, например X). Если блок скрыт пользователем, то запоминать это в cookies. Спустя 24 часа - снова показывать блок пользователю (по-условию пунктов 1,2,3).
  • Скрытие блока через animate: opacity:0
  • Еще раз, на всякий случай: если в cookies хранится информация, что блок был скрыт пользователем, то не отображаем ни при каких условиях (!), пока не пройдет 24 часа с момента скрытия пользователем.
Нюансы: варианты отображения блока через display:none/block, а также использование fadeOut/fadeIn не подходят т.к. внутри блока будет находиться Slick-Slider, которому требуются размеры контейнеров в слайдах для правильного отображения (высота slick). Поэтому для отображения/скрытия блока нужно использовать параметр opacity.

Заявки фрилансеров