В настоящее время я использую следующий jquery (вместе с плагином mousewheel) для вертикальной и горизонтальной прокрутки на одной и той же веб-странице (диаграмма также показана ниже)
scrollVert();
var scrollLeft=0;
function scrollVert() {
$('html, body, *').off('mousewheel').mousewheel(function(e, delta) {
this.scrollTop -= (delta * 40);
e.preventDefault();
setTimeout(function() {
if ($(window).scrollTop() + $(window).height() == $(document).height())
scrollHoriz();
}, 0)
});
}
function scrollHoriz() {
$('html, body, *').off('mousewheel').mousewheel(function(e, delta) {
this.scrollLeft -= (delta * 40);
e.preventDefault();
scrollLeft=this.scrollLeft
setTimeout(function() {
if (scrollLeft == 0) scrollVert();
}, 0)
});
}
Код работает правильно в Chrome, но в Firefox и Safari он, похоже, не работает.С Firefox он достигает нижней части страницы и не прокручивается горизонтально с помощью колесика мыши.В Safari он прокручивается по горизонтали внизу, но не возвращается к вертикальной прокрутке.