Views, Masonry, Infinite Scroll, Float...
Eingetragen von leda.ch (977)am 12.03.2015 - 01:41 Uhr in
Hallo Zusammen,
Habe in diesem Forum und anderswo gesucht und gesucht, aber eigentlich finde ich keinen, der wirklich und ohne zu patchen jemals die paar Module zusammen zum laufengebracht hat.
Für sich alleine gehts: Masonry mit Pager, Table mit Infinite Scroll...
Ausgangslage ist eine ganz simple View, die ich testweise mal mit Masonry, mit Zen-Grids oder auch einfach left-floatende Items (unformatted List) darstelle. Mit einem normalen Mini-Pager kein Problem.
Mit dem Infinite Scroll Modul funktioniert es eigentlich auch, ABER das DIV mit dem animierten Image, welches den Pager ersetzt, wird an einer Stelle generiert, so, dass es immer ganz nach oben rechts rutscht, es floatet also weg und hoch.
Versuche ich das Element absolut zu positionieren, gerät der Berechnungsmechanismus von jQuery durcheinander und nichts geht mehr.
IOW: Sobalb die View-Items floaten, verschwindet das IS-Pager-Image nach oben.
Hat eventuell jemand dieses Problem lösen können?
Danke und lg leda
- Anmelden oder Registrieren um Kommentare zu schreiben
Mit dem nachfolgenden
am 13.03.2015 - 11:32 Uhr
Mit dem nachfolgenden CSS funktioniert wenigstens die Kombination Unformatted-List -> ZEN-Grid + Infinite Scroll:
div#views_infinite_scroll-ajax-loader {position: fixed;
bottom: 30px;
left: 42%;
z-index: 100;
background: transparent;
background: hsla( 0, 0%, 0%, 0 );
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
}
Damit kann man wenigstens einigermassen simpel etwas Responsives draus machen.
Wenn man dieses CSS jedoch mit Masonry zusammen einsetzt, werden die einzelnen Seiten überlagert...
Vielleicht findet doch noch jemand das Ei des Kolumbus...? Ich setze diesen Thread deshalb noch nicht auf gelöst.