javascript 滚动到部分

Posted 2021-05-03

var scrollToSection = function() {
	var isScrolling = false;
	$('.section').on('mousewheel DOMMouseScroll', function(e){
		var WW = $(window).width();
		var WH = $(window).height();
		if(WW < 769 || WH < 700) {
			return;
		}
		e.preventDefault();
		if(isScrolling) {
			return;
		}
		
		isScrolling = true;
		var section = $(this);
		if(e.originalEvent.wheelDelta < 0) {
			if (!section.is(':last-child')) {
				$('html, body').animate({
					scrollTop: section.next().offset().top
				}, 600).promise().then(function() {
					$(document).trigger('jquery_scrolling', {newPos: section.next().offset().top});
				});
			}
		} else {
			if (!section.is(':first-child')) {
				$('html, body').animate({
					scrollTop: section.prev().offset().top
				}, 600).promise().then(function() {
					$(document).trigger('jquery_scrolling', {newPos: section.prev().offset().top});
				});
			}
		}
		setTimeout(function() {
			isScrolling = false;
		}, 600)
	});
}