Веб-сайт с прокруткой на одну страницу с использованием jquery
Привет ребята из Stackru,
Я хочу создать сайт с прокруткой одной страницы, но я не хочу использовать какую-либо внешнюю библиотеку. Итак, я придумала эту технику, она прекрасно работает для локального теста, но я хочу знать, является ли этот фрагмент кода логичным или у него могут быть потенциальные проблемы на полном веб-сайте. Я спрашиваю, потому что в моем поиске я не нашел этот подход для одностраничного сайта, я хочу знать причину, почему не это. Поэтому, пожалуйста, укажите мне в правильном направлении. Любые предложения или комментарии приветствуются. Спасибо за вашу поддержку. https://jsfiddle.net/emalik/xpvt214o/539446/
var current
$(function() {
var timerId;
$('.one-page').bind('DOMMouseScroll mousewheel', function(e){
e.preventDefault();
var $current = $('section.current');
if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
//console.log(e.originalEvent.wheelDelta);
//console.log("UP");
$prev = $current.prev();
if ($prev.length) {
clearTimeout(timerId);
timerId = setTimeout(function(){
$current.removeClass('current');
$prev.addClass('current');
$('body,html').animate({
scrollTop: $('.current').offset().top
}, 200);
}, 200)
}
}
else{
// console.log("DOWN");
$next = $current.next();
if ($next.length) {
clearTimeout(timerId);
timerId = setTimeout(function(){
$current.removeClass('current');
$next.addClass('current');
$('body,html').animate({
scrollTop: $('.current').offset().top
}, 200);
, 200)
}
}
});
});