Beispiel:
JSFiddle
Was haltet ihr davon?
BTW:
HBTYC*
---
* HBTYC
Happy Birthday to You, Christoph!
Onepage_XH scrollen nur mit CSS - ohne JS
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Sehr interessant. So viel neues gibt es unter CSS, dass ein kann es kaum alles folgen.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Auch von mir alles Gute zum Geburtstag, viel Glück und vor allem Gesundheit! Auch für die nächsten 49 Jahre.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Da schliesse ich mich an. Nur die besten Wünsche. (- und weiterhin viel Kraft und Elan für dieses Projekt. )
Gruß Olaf, Plugins for CMSimple_XH
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Vielen Dank für die Glückwünsche!
Interessant! Um ein solches CSS-Scrolling für einen Onepager einzusetzen, müsste man wohl aber die jeweiligen Scrollpositionen per JS ermitteln, und dann die entsprechenden CSS-Regeln dynamisch erzeugen. Aber: wie kann man #main hier auch manuell scrollbar machen?
Christoph M. Becker – Plugins for CMSimple_XH
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Tja, eigentlich hatte ich nur ein Alibi für die Wünsche gesucht ...cmb wrote: ↑Sat Mar 24, 2018 1:10 pmInteressant! Um ein solches CSS-Scrolling für einen Onepager einzusetzen, müsste man wohl aber die jeweiligen Scrollpositionen per JS ermitteln, und dann die entsprechenden CSS-Regeln dynamisch erzeugen. Aber: wie kann man #main hier auch manuell scrollbar machen?
Also:
Nach näherem Betrachten ist das wohl für einen Onepager nicht (oder nicht so leicht und wahrscheinlich nicht ohne JS) umsetzbar.
Man müsste irgendeine Form von dynamischem CSS einsetzen (PHP, SASS, LESS ...).
Andererseits könnte man jeden Article absolut gleich hoch machen - was sicher nicht bei jeder Seite geht.
Und du hast recht: #main-Scrolling dürfte auch nicht funktionieren.
Fazit: Ich bereue es nicht, das Thema angesprochen zu haben - auch, wenn sich die Machbarkeit bei Onepagern als unmöglich herausstellt.
Wieder was gelernt. Vielleicht passt es im einen oder anderen Fall.
Re: Onepage_XH scrollen nur mit CSS - ohne JS
Man könnte das auch mit JavaScript machen, und zwar per CSSStyleDeclaration Manipulation. Das sollte kein besonderes Problem darstellen.
Das wäre halt der Show-Stopper.
Christoph M. Becker – Plugins for CMSimple_XH