Ich habe mir dieses jQuery: Snap Scrolling - möglich gemacht? und dieses < a href="https://stackoverflow.com/questions/6800404/scrollable-panel-snap-to-elements-on-scroll"> Scrollbarer Panel-Snap auf Elemente auf Scroll . Aber sie beantworten nicht wirklich die Frage, die ich habe.
Ich habe eine divs, die wirklich breit ist, aber die gleiche Höhe wie Fenster. Es bewegt sich nach links, wenn der Benutzer scrollt. Aber kann ich diesen Scroller fangen, wenn der Benutzer aufhört zu scrollen. So sitzt der Container am Anfang 28px nach links und ich möchte, dass er am Anfang und dann alle 207px danach schnappt, je nachdem, zu welchem Punkt der Benutzer näher kommt.
%Vor%Momentan verwende ich jQuery nur für die Breite des Containers.
%Vor%Weiß jemand den besten Weg, dies zu erreichen? Ich würde es vorziehen, den Code zu kennen, also, wenn es eine Lösung gibt, kannst du es erklären? Ich lerne jQuery, aber es gibt Lasten, die ich nicht weiß -.- Vielen Dank für jede Hilfe, die ich bekomme.
Ich hoffe, du meinst horizontales Scroll-Snap. Von Ihrem Diagramm sieht es mehr wie das aus, was Sie meinen. Wenn das der Fall ist, könntest du etwas ähnliches tun, was in diesem Spiel demonstriert wird. Es verwendet dieses Scrollstop-Ereignis-Plug-in , um zu wissen, wann Sie Ihre Bildläufe auf das nächste Intervall animieren müssen . Mit diesem Plugin-Code (nach dem Scrollstop-Plugin-Code):
%Vor%Sie können dies dann für Elemente mit Bildlaufleisten verwenden:
%Vor%Für eine vordefinierte Lösung sollten Sie jQuery Tools Scrollable ausprobieren.
Wenn Sie nicht gegen mehr jQuery sind, versuchen Sie jQuery UI Slider. Es hat Snap-Option. Diese Beispiele sollten hilfreich sein.
Tags und Links jquery horizontal-scrolling