nicht angemeldet
Hallo,
ich versuche Mal zu erklären was ich vorhabe und worin mein Problem besteht.
Ich erstelle gerade ein Website-Layout mit CSS und javascript.
Das Ziel des Layouts ist es die gewünschte Seite als eine Art Raster aus vielen Quadraten (Boxen), worin sich der Inhalt befindet, anzulegen.
Alle Boxen (Anker) befinden sich auf einer Seite.
Durch das Menü soll man zu den jeweiligen Boxen springen bzw. soft scrollen können.
Um das möglich zu machen habe ich mir das Script 'Softscroll.js' heruntergeladen und installiert.
Das Script funktioniert auch, nur das Problem ist, dass die Boxen (Anker) immer nach Oben/Links gescrollt werden und nicht wie gewünscht zentriert/mittig im Fenster.
Ich habe dann ein bisschen 'getrickst' und habe die einzelnen Boxen in eine weitere Box 'gesteckt' die 100% hoch und breit ist und dessen Inhalt sprich der eigentlichen Boxen (Quadrate mit dem Inhalt) zentriert.
Das script scrollt jetzt immer die erste Box die 100% breit und hoch ist nach oben/links sodass ihr inhalt zentriert ist.
Das Problem das dabei entsteht ist jetzt allerdings das viele Boxen sich überlappen und sich dadurch der Inhalt nicht mehr anklicken lässt.
Ich habe herausgefunden dass, das an dem Z-Index liegt der sich ja anscheinend leider nicht auf eine gemeinsame Ebende festlegen lässt.
Es wäre also echt toll wenn man das script irgendwie so anpassen könnte das es automatisch alle Anker, zentriert/mittig ansteuert.
Wäre euch sehr dankbar für eure Hilfe.
Gruß