Ich benutze das Plugin jquery.mousewheel.js(Github) um eine horizontale Webseite zu erstellen. Es funktioniert soweit, aber ich bin nicht in der Lage, ein Problem herauszufinden:

Wenn ich ein Trackpad verwende (z. B. auf einem MacBook Pro) und mit zwei Fingern horizontal scrolle, bleibt die Site hängen oder ist verwirrt, in welche Richtung gescrollt werden soll. Dies hängt davon ab, wie parallel die Finger positioniert sind.

Gibt es eine Möglichkeit, diese horizontale Schriftrolle auch reibungslos funktionieren zu lassen?

Dies ist der Code, den ich im Kopfteil benutze:

$(function () {
    $("html, body, *").mousewheel(function (event, delta) {
        this.scrollLeft -= (delta * 5);
        this.scrollRight -= (delta * 5);
        event.preventDefault();
    });
});

Hier mein jsfiddle mit der umgebauten Situation:http://jsfiddle.net/mU24m/