Correct scrolling
Correct scrolling
I play with a template both for multi- and onepage and CMSimple_XH-1.7.2. With the multi version everything works fine. With onepage I reached the point of problem. Using the navigation, the content shall scroll just below the "pseudo header". It goes to the top and is covered by the "pseudo header". What is the trick? The image shows the Standard state, scrolling after menu clicking and desired state.
You do not have the required permissions to view the files attached to this post.
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: Correct scrolling
Ich glaube nicht, dass das dein Problem löst, aber so etwas gibt es nicht:
Das muss wohl so heißen:
Weiter habe ich noch nicht geforscht.
Code: Select all
<navigation>
...
</navigation>
Code: Select all
<nav>
...
</nav>
Re: Correct scrolling
Examples:
Code: Select all
.onepage_page:before {
clear: both;
content: "";
display: inline-block;
height: 100px; /* height of the header */
position: relative;
visibility: hidden;
}
Code: Select all
:target[class="onepage_page"]:before {
clear: both;
content: "";
display: inline-block;
height: 100px; /* height of the header */
position: relative;
visibility: hidden;
}
Code: Select all
.onepage_page:before {
clear: both;
content: "";
display: block;
height: 100px;
margin: -100px 0 0;
pointer-events: none;
position: relative;
visibility: hidden;
z-index: -1;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Correct scrolling
Klasse, Ludwig!
Versionen 1 und 3 funktionieren nicht so gut, weil: Version 2 funktioniert bestens!
Versionen 1 und 3 funktionieren nicht so gut, weil: Version 2 funktioniert bestens!
You do not have the required permissions to view the files attached to this post.
Re: Correct scrolling
Schön.
WEIL(!): die Klasse .onepage_page 2mal vorhanden ist, also auch nochmal im Eltern-Element (1.Zeile). Die Klasse muss geändert werden.
Code: Select all
<div class="onepage_page" id="content">
<div class="content">
<div id="Start" class="onepage_page"><div class="onepage_page_inner"><!--XH_ml1:Start-->
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Correct scrolling
Super, Jungs! Riesen Dank. Nur noch finden, wie "fullscreen background" für die Seiten einstellen, ohne div.onepage_page zu 100% mit z.B. padding: 0 30% zu setzen. Mit morepagedata ist es absolute einfach. Es muss aber auch mit rein CSS gehen. Mit jetzinem stylesheet gilt die "nth-child" nur für content Bereich.
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: Correct scrolling
Grundsätzlich würde ich empfehlen, zusätzliche CSS-Klassen im Template mit einem eigenen Präfix zu versehen, z.B. tpl_. Dann passieren solche Dinge nicht.lck wrote: ↑Wed Mar 28, 2018 12:24 pmWEIL(!): die Klasse .onepage_page 2mal vorhanden ist, also auch nochmal im Eltern-Element (1.Zeile). Die Klasse muss geändert werden.Code: Select all
<div class="onepage_page" id="content"> <div class="content"> <div id="Start" class="onepage_page"><div class="onepage_page_inner"><!--XH_ml1:Start-->
Christoph M. Becker – Plugins for CMSimple_XH