Scrollen nach oben in Custombox Modal

Ich verwende Custombox, um ein Modal zu öffnen. Dieses Modal kann jedoch ein wenig lang werden, also habe ich einen "Go To Top" Button hinzugefügt.Scrollen nach oben in Custombox Modal

Ich fand this at SO und ich habe verschiedene Kombinationen versucht, um die modale Bildlauf zurück zu machen.

Ich habe versucht:

$("html, body").animate({ 
    scrollTop: $("#modal-id").offset().top 
}, 800);

und eine Handvoll von verschiedenen Kombinationen für das Erhalten des Offset, aber ich kann es nicht an die Spitze der modalen blättern bekommen.

Quelle

2016-04-04 uom-pgregorio

Wo die Scrollbar ist? (im Browserfenster oder im modalen Fenster) –

@MichaelOakley Im Browser. –

@ ameenulla0007 Wirklich? Wenn das Modal etwas länger wird, ist die vertikale Bildlaufleiste vorhanden und ich kann manuell mit meiner Maus radieren. –

Die Scrollbar gehört zur .custombox-modal-wrapper Element, so sollten Sie es bewegen, nicht <body> oder <html>:

$(".custombox-modal-wrapper").animate({ 
    scrollTop: $("#modal-id").offset().top 
}, 800);

Quelle

2016-04-04 18:55:59

Hey, das hat funktioniert! Als ich versuchte, ein anderes Element zu verwenden, benutzte ich den '.custombox-modal-container'' div' und es funktionierte nicht. Wie ermittle ich, welches Element die Bildlaufleiste hat? –

@PatrickGregorio Ich habe gerade den grauen Hintergrund in Chrome DevTools untersucht und herausgefunden, dass es dieses Element ist. –

Sowohl das '.custombox-overlay' als auch das' .custombox-modal-wrapper' markieren die Bildlaufleiste, wenn ich diese Elemente überprüfe. –

Scrollen nach oben in Custombox Modal

Antwort

Verwandte Themen