2012-04-04 14 views
3

Ich habe eine horizontale Bildlaufleiste mit Produkten im Inneren gemacht. Aber wenn ich nach rechts und zurück blättern kann, kann ich nur ein halbes Produkt sehen, ist es möglich mit html/css/jquery in Schritten von 200px zu scrollen? Dies ist die Größe der Breite eines Produktfotos.Bildlaufleiste in Schritten scrollen (html/css/jquery)

Vielen Dank für Ihre Hilfe.

+0

Wie viele Produkte zeigen Sie anfangs? –

+0

wird zunächst keiner angezeigt, ein Kunde muss einen Typ dieser Produktkategorie auswählen. Dann müssen Produkte dieses Typs angezeigt werden. Dies könnte 1 sein, könnte aber auch 20 Produkte sein – Loed

+0

ja ,,, aber das wird der Container ** Breite ** sein? , und wie Sie sagten, wird es scrollbar sein, also sagen Sie mir jetzt: wie viele Produkte werden anfänglich angezeigt (wenn 20) ... Zeigen Sie etwas Code. –

Antwort

2

Sie können die Verwendung jQuery.ScrollTo Plugin

Es gibt viele Möglichkeiten, um das Ziel, mit einem Pixelwert angeben.

+0

Ich suche gerade in diesem Plugin! – Loed

+0

@loed passt es zu Ihren Bedürfnissen? – Neysor

+0

Es hat eine Weile gedauert, aber ja! Es tut es definitiv, vielen Dank! – Loed

0

Warum verwenden Sie nicht so etwas wie jCarousel, um horizontal durch Ihr Produkt zu scrollen.

Diese Art von Beispiel gut funktionieren kann für Sie: http://sorgalla.com/projects/jcarousel/examples/static_simple.html

+0

Ich habe schon darüber nachgedacht, aber der Code ist programmiert und fertig, das erfordert viel Code zu ändern. – Loed

+0

Basierend auf dem, was Sie in Ihrem Beitrag beschrieben haben, scheint dies eine gute Lösung zu sein, da Sie in der Lage sind, ein Bild als Ganzes zu scrollen und anzuzeigen. Vielleicht können Sie näher darauf eingehen, was Sie benötigen? – sbhomra

+0

Ich habe es mit dem Plugin unten behoben, aber vielen Dank für Ihre Hilfe! – Loed