У меня есть div.scroll_fixed со следующим CSS
.scroll_fixed {
position:absolute
top:210px
}
.scroll_fixed.fixed {
position:fixed;
top:0;
}
Я использую следующий код jQuery для установки класса .fixed, когда div достигает вершины страницы.
var top = $('.scroll_fixed').offset().top - parseFloat($('.scroll_fixed').css('margin-top').replace(/auto/, 0));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that below the form
if (y >= top) {
// if so, ad the fixed class
$('.scroll_fixed').addClass('fixed');
} else {
// otherwise remove it
$('.scroll_fixed').removeClass('fixed');
}
});
Это отлично подходит для вертикальной фиксации прокрутки. Но с небольшим окном браузера горизонтальная прокрутка вызывает столкновение с содержимым справа от этого фиксированного div.
Я бы хотел, чтобы div прокручивал содержимое по горизонтали.
Может ли кто-нибудь указать мне в правильном направлении. Все еще мои ноги мокрые JS/JQuery.
В основном я хочу, чтобы он работал как второй блок в этом .