Задать вопрос
@sgrinko

Как сделать прокрутку по блокам?

Нужно сделать прокрутку скролла по имеющимся блокам
представленный код работает только на первые 2.
подскажите как сделать чтоб работало по всем блокам и со скроллом и вверх и вниз.
<div class="slide" id="slide1">
   .....
</div>
<div class="slide" id="slide2">
   .....
</div>
<div class="slide" id="slide3">
   .....
</div>
<div class="slide" id="slide4">
   .....
</div>

$(document).ready(function () {
var windHeight = $(window).height();
 if (windHeight) {
  $('.slide').css('min-height', windHeight+"px");
 }

var height = $(window).height();
var init = $(window).scrollTop();
$("body").bind("mousewheel", function (delta, aS, aQ, deltaY) {
    delta.preventDefault();
    if (deltaY > 0) {$("body").stop().animate({
   scrollTop:(init - height)
  }, 500);
  
    } else if (deltaY < 0) {
			$("body").stop().animate({
   scrollTop:(init + height)
  }, 500);
        } 
    
});
  • Вопрос задан
  • 4924 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Stepik
    JavaScript с нуля - основы языка и практика для начинающих
    2 недели
    Далее
  • Merion Academy
    Фронтенд-разработчик с нуля
    4 месяца
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
Lure_of_Chaos
@Lure_of_Chaos
Программист
Рассматривали вариант - сделать родительский блок и скроллить по нему? так, вроде, интуитивнее.
Ответ написан
petyagrill
@petyagrill
Ваш ответ на вопрос

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

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