Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как поместить слайдер в модальное окно? ИщуПомощь Элементы интерфейса 2 24.08.2017 20:27
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
При выборе в select выдает число. Как сделать? где почитать? Bakstor Общие вопросы Javascript 5 21.11.2011 15:35
Sortable, два связанных списка. Как один из них сделать неизменяемым? kvecxjo jQuery 1 30.03.2010 03:15
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56