CSS Erst auf der nächsten "Seite" anzeigen lassen?

FrazeColder · 20. Dezember 2016

Moin zusammen,

ich habe derzeit ein Problem. Und ja, ich habe auch schon danach gegoogelt, finde allerdings nicht das richtig. Kann auch daran liegen, dass ich nicht den richtigen Ausdruck finde.

Und zwar möchte ich meine Sidebar erst ab der "zweiten Seite" beginnen lassen. Was ich damit meine ist, jeder User hat ja ne unterschiedliche Bildschirmauflösung und höhe. Daher kann ich nicht sagen, dass die Sidebar erst ab 1680px losgehen soll, sondern eben erst ab der "zweiten Seite".

Sprich, wenn der User runterscroolt. Wisst ihr was ich damit meine?
Wie kann ich das in CSS umsetzten?

Würde mich sehr über Hilfe freuen.
MfG und Vielen Dank!

kachiri · 20. Dezember 2016

Mit CSS alleine wird das schwierig.
Google hilft da auch sehr schnell:
https://community.serif.com/forum/webplus/38582/navbar-appear-on-scroll?page=1

Du hast btw. auch 'ne falsche Denkweise bzgl. der Auflösung:
1920 Pixel sind nicht auf jedem Gerät gleich 1920 Pixel, weil jedes Gerät (gerade auch Smartphones) komplett anders skalieren. Weil sonst könnten wir nichts lesen.

FrazeColder · 27. Dezember 2016

Moin,

nach etwas längerer Zeit melde ich mich mal zurück.
Ich habe mir das mal angeschaut und auch ein wenig gegoogelt. Leider komme ich nicht ganz hinter den Code.

Du sagtest, dass das mit CSS schwierig wird. Heißt das, es geht nicht oder es geht, aber es ist halt schwierig?
Denn ich nutzte ein Template für WordPress und habe da nur die möglichkeit CSS zu verwenden.

Ich kann natürlich in die header.php auch ein Script im <head> platzieren. Allerdings weiß ich nicht, ob das damit möglich ist.
Ist es das denn?

Mit freundlichen Grüßen und Vielen Dank

Rossie · 27. Dezember 2016

Ist mit CSS allein nicht zu lösen.

FrazeColder · 27. Dezember 2016

Und ist es mit dem <head> zu lösen?

Rossie · 27. Dezember 2016

Mittels JavaScript lässt es sich umsetzen. Allerdings würde ich den Code nicht unbedingt im <head> einbinden. Und ich persönlich würde auch sicherstellen, dass die Seite ohne JavaScript zumindest rudimentär funktioniert.

FrazeColder · 27. Dezember 2016

Und was müsste ich in das Script schreiben? - Blick da nicht so bei Scripts durch.

Also die Sidebar soll nicht mitfahren, sondern erst ab dem scroolen nach unten beginnen. Also auf der "zweiten Seite".
Und da jeder einen unterschiedlichen Bildschirm hat, muss ich das ja individualisieren...

r15ch13 · 27. Dezember 2016

So etwa? http://semantic-ui.com/modules/sticky.html

FrazeColder · 27. Dezember 2016

Exakt!

Wie kann ich das denn jetzt bei mir in WP integrieren?

r15ch13 · 27. Dezember 2016

Naja entweder ziehst du dir die Dateien sticky.js und sticky.css aus dem Repository oder du bindest sie direkt per https://unpkg.com ein. sticky.js/sticky.css

Suche

CSS Erst auf der nächsten "Seite" anzeigen lassen?

FrazeColder

Lt. Commander

kachiri

Fleet Admiral

FrazeColder

Lt. Commander

Rossie

Rear Admiral

FrazeColder

Lt. Commander

Rossie

Rear Admiral

FrazeColder

Lt. Commander

r15ch13

Lieutenant

FrazeColder

Lt. Commander

r15ch13

Lieutenant

Ähnliche Themen