Показать сообщение отдельно
  #1 (permalink)  
Старый 27.03.2019, 16:52
Кандидат Javascript-наук
Отправить личное сообщение для drkrol Посмотреть профиль Найти все сообщения от drkrol
 
Регистрация: 09.10.2013
Сообщений: 114

Как сделать полноэкранный вертикальный слайдер, где один из слайдов с прокруткой?
Здравствуйте. Ну суть в самом заголовке. Я пытаюсь сделать полноэкранный сайт и столкнулся с проблемой, когда у меня один из слайдов имеет большую высоту, чем сам экран. И решить её у меня не выходит.

Я посмотрел уже готовые решения. Самое популярное - это fullPage от alvarotrigo.com . И да, оно не работает. У меня на мышке стоит прокрутка на 7 строк (обычно 5) и я не могу до листать до низа высокой страницы, у меня сразу перелистывается слайд.

Вот что я собрал: https://jsfiddle.net/7wdxju1z/ . Проблема с fullPage схожа: долистать до низа не получается, но у меня перелистывание срабатывает сразу после движения колёсика. То есть должен быть какой-нибудь if блокиратор. Я попытался уровнять высоту и положение скролла
$('.screen2').height() == $('.screen2').scrollTop()

, но есть вероятность, что одной прокрутки будет достаточно, чтобы эти значения стали равны... Короче у меня пролистывается, не дойдя до низа

И второй вопрос - это по поводу перехода от 2 слайда к 3. Мне кажется, что я не совсем верно саму html структуру построил... Может нужно сделать как-то иначе и у меня этого косяка с передёргиванием не будет? ведь третий слайд должен появляться не вверху документа, а в центре экрана
С вопросом 2 разобрался https://jsfiddle.net/cvtrekx5/ . HTML действительно нужно было переделать, но вот первый вопрос ещё актуален

Последний раз редактировалось drkrol, 27.03.2019 в 19:16.
Ответить с цитированием