Прокрутите div горизонтально вместо страницы, затем прокрутите страницу

это не дубликат, поскольку я читал другие вопросы, но все предполагают, что прокрутка вертикальная, а мне это нужно для горизонтальной прокрутки. То, что я пытаюсь сделать, это прокрутить div, размещенный где-то на странице, когда он достигает центра экрана или почти виден, а затем, когда он заканчивает прокрутку, мне нужно продолжить прокрутку страницы.

На самом деле у меня есть такой "ползунок": JSFIDDLE

На самом деле, я могу получить совет, когда элемент виден на странице после прокрутки, но я не знаю, как отключить вертикальную прокрутку, прокрутить мой div, а затем снова прокрутить страницу. Важно то, что div прокручивается, сколько я продолжаю прокручивать (предназначено с помощью мыши, клавиатуры и, возможно, касания, это будет потрясающе)

function testInView($el){
var wTop = $(window).scrollTop();
var wBot = wTop + $(window).height();
var eTop = $el.offset().top;
var eBot = eTop + $el.height()+50;
return ((eBot <= wBot) && (eTop >= wTop));
}
function setInView(){
$(".slider-wrapper").each(function(){
    var $zis = $(this);
    $zis.removeClass("inview");
    if(testInView($zis)){
       alert("eccolo");   
    }
});
}
$(document).scroll(function(){
    setInView();
});
$(document).resize(function(){
    setInView();
});
$(document).ready(function(){
    setInView();
});

javascript jquery css position autoscroll
person Giuseppe De Paola    schedule 28.05.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите отключить вертикальную прокрутку, просто установите overflow-y: hidden на элементе body

body {
    overflow-y: hidden;
}
person Denis Omerovic    schedule 28.05.2020
comment
я хочу это сделать, но я хочу прокручивать div, когда я блокирую прокрутку страницы, и мне нужно прокручивать div вместо прокрутки страницы, когда она видна - person Giuseppe De Paola; 28.05.2020
comment
Если вы хотите прокручивать div вместо страницы, скройте прокрутку на теле и установите прокрутку на div. Используйте свойства overflow-x и overflow-y для управления прокруткой по осям x и y. - person Denis Omerovic; 28.05.2020
comment
да, но div не является полной страницей, он также не имеет полной ширины, поэтому мне также нужно прокручивать его, если я нахожусь над страницей - person Giuseppe De Paola; 28.05.2020