Как сделать горизонтальную прокрутку на колесике мыши прокрутки?
только что, случайно, я наткнулся на http://www.benekdesign.com/ . Здесь на колесике мыши прокрутка выполняет горизонтальную прокрутку. честно говоря мне не нравится эта функция. Это немного раздражало. Но все же ... --4-- > Пожалуйста, скажите мне, как достичь того же.
редактировать
хорошо, firebug говорит, что он использует
/* горизонтальная крошечная прокрутка-плавный скрипт прокрутки для горизонтальных веб-сайтов 2(Брат вертикальная " крошечная прокрутка") 3би Марко Розелла -http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny-scrolling 4 версии v0.6 - 14 февраля 2007 года
3 ответов
похоже, он просто отображает события mousewheel для прокрутки области. В IE это очень просто, просто используя doScroll()
метод-это будет прокручивать горизонтальную полосу на сумму, которую обычно прокручивает вертикальная полоса. Другие браузеры не поддерживают doScroll()
метод, поэтому вам придется жить с прокруткой на произвольную сумму:
var mouseWheelEvt = function (event) {
if (document.body.doScroll)
document.body.doScroll(event.wheelDelta>0?"left":"right");
else if ((event.wheelDelta || event.detail) > 0)
document.body.scrollLeft -= 10;
else
document.body.scrollLeft += 10;
return false;
}
document.body.addEventListener("mousewheel", mouseWheelEvt);
поскольку решения выше не работают для меня, вот еще один, который я только что нашел: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
пример: http://digwp.com/archives/horz/