@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);
        } 
    
});
  • Вопрос задан
  • 4918 просмотров
Пригласить эксперта
Ответы на вопрос 2
Lure_of_Chaos
@Lure_of_Chaos
Программист
Рассматривали вариант - сделать родительский блок и скроллить по нему? так, вроде, интуитивнее.
Ответ написан
petyagrill
@petyagrill
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект