it-swarm.dev

Bagaimana cara melakukan scroll horizontal pada scroll wheel mouse?

Baru saja, secara tidak sengaja, saya menemukan http://www.benekdesign.com/ . Di sini, pada gulir roda mouse, ia melakukan gulir horizontal. Sebenarnya saya tidak suka fitur ini. Agak menyebalkan. Tetapi tetap saja, Tolong beritahu saya cara mencapai hal yang sama.

Diedit

Oke, pembakar mengatakan dia menggunakan

/ * Horizontal Tiny Scrolling - skrip scrolling halus untuk situs web horisontal 2 (saudara laki-laki "Tiny Scrolling" vertikal) 3 oleh Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal -tiny-scrolling 4 v0.6 - 14 Februari 2007

19
Rakesh Juyal

Sepertinya dia hanya memetakan acara roda mouse untuk menggulirkan area. Di IE, ini sangat mudah hanya dengan menggunakan metode doScroll() - ini akan menggulir bilah horizontal dengan jumlah yang biasanya digulir oleh bilah vertikal. Peramban lain tidak mendukung metode doScroll(), jadi Anda harus hidup dengan menggulir dengan jumlah sewenang-wenang sebagai gantinya:

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);
24
Andy E

Karena solusi di atas tidak bekerja untuk saya, di sini satu lagi yang baru saya temukan: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

Contoh: http://digwp.com/archives/horz/

8
madc

Bentuk lain:

document.addEventListener('wheel', (e) => {
    document.getElementById('scroll_container').scrollLeft += e.deltaY;
})
0
Heddie Franco