@del993788

Как сделать полноэкранный вертикальный слайдер, где один из слайдов с прокруткой?

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

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

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

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

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

Войдите, чтобы написать ответ

Похожие вопросы