Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.12.2017, 00:10
Новичок на форуме
Отправить личное сообщение для FALKOR Посмотреть профиль Найти все сообщения от FALKOR
 
Регистрация: 16.04.2016
Сообщений: 5

Полноэкранный скор отдельных элементов
Здравствуйте, Есть 2 блока в шапке с высотой 100vh; Нужно что бы при любом типе скролла (ползунок, колесико, клавиши), эти 2 блока перелистывались.
<header id="head">
    <div class="content">
        <div class="logo section" id="logo_block">
            <img src="images/logo.png" alt="ForYou">
        </div>
        <div id="b_txt" class="text revealator-slideup section">
            <h1>Наращивание ногтей, гель лак <br>Кривой Рог</h1>
            <p>
                <a href="tel:066540****">066 540 ** **</a>
                <a href="tel:067180****">067 180 ** **</a>
            </p>
        </div>
    </div>
</header>
<main>
...

о есть если мы находимся вверху страницы и скролим вниз, прокрутка идет до блока #b_txt, если мы находимся на блоке #b_txt и скролим вверх, прокрутка идет к блоку #logo_block. Если мы скролим ниже, работает обычный скролл.

Вот что я написал для этого, но работает это не корректно
<script>
var lastScrollTop = $(window).scrollTop();
$(window).scroll(function(){
    var st = $(this).scrollTop();
    if (st > lastScrollTop && lastScrollTop == $('#logo_block').offset().top) {
        $('body,html').animate({ scrollTop: $('#b_txt').offset().top }, 1100);
    } else if (st < lastScrollTop && lastScrollTop <= $('#b_txt').offset().top) {
        $('body,html').animate({ scrollTop: $('#logo_block').offset().top }, 1100);
    } 
    lastScrollTop = st;
    console.log(lastScrollTop);
});
</script>

Если есть готовые варианты решения, скиньте пожалуйста, так как подходящего не нашел
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Массив из элементов другого массива, взятых в случайном порядке Basil_JS Общие вопросы Javascript 6 12.04.2015 13:07
Вывод случайных элементов из массива в таблицу Narm0 Общие вопросы Javascript 10 06.08.2013 12:39
Удалить и вернуть массив из удаленных элементов splice Paulyyy Общие вопросы Javascript 15 29.05.2013 15:36
запретить изменение количество элементов в списке Antistas jQuery 0 05.12.2012 14:05
Сгенерировать 2 последовательности и узнать сколько в них одинаковых элементов Ирина Владимировна Общие вопросы Javascript 10 24.03.2012 18:18