tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/25856-verwendung-oneo-mobile-men-fixedRockSolid Themes: Discussion 2021-05-27T10:07:47Ztag:help.rocksolidthemes.com,2012-07-23:Comment/448554822018-03-07T00:25:38Z2018-03-07T00:25:38ZVerwendung: Oneo: Mobile Menü fixed<div><p>Produkt: Oneo Contao<br>
Contao-Version: 4.4.15<br>
Browser und Browserversionen: Opera for Android 45.1</p>
<p>Hallo,<br>
ich wollte meinen Menu-Header auch im Mobile-Style als is-fixed setzen und habe dazu folgenden Tipp umgesetzt:<br>
<a href="http://help.rocksolidthemes.com/discussions/contao/15960-verwendung-header-navigationis-fixed-auch-bei-smartphone">http://help.rocksolidthemes.com/discussions/contao/15960-verwendung...</a></p>
<p>Leider hat das den kleinen aber feinen Nebeneffekt, dass beim Öffnen des Menüs die Seite nach oben springt, da das Mobile-Menü anscheinend immer am Anfang der Seite erscheint.<br>
Was muss ich ändern, damit das geöffnete Mobile-Menü einfach nur fixed ist und nicht mehr zum Anfang springt?</p>
<p>Danke im Voraus!</p>
<p>Marius</p>
<p>p.s.: Schade, dass das Menü im Mobile-Style nicht von Haus aus fixed ist, da ja gerade im mobilen Bereich die Seiten durch die geringere Breite sehr viel länger werden und man somit mehr scrollen muss. Ansonsten sehr schönes Design!</p></div>Mariustag:help.rocksolidthemes.com,2012-07-23:Comment/448554822018-03-07T09:02:20Z2018-03-07T09:02:20ZVerwendung: Oneo: Mobile Menü fixed<div><p>Vielen Dank für Ihre Frage.</p>
<p>Die mobile Navigation wird in der Datei <em>files/oneo/js/script.js</em> im Bereich <code>// Mobile navigation</code> gesteuert. Dort können Sie die Funktion <code>updateHeight()</code> anpassen um eine Scroll-Position zu setzen. Die nötigen Anpassungen sind vermutlich etwas umfangreicher, da die mobile Navigation nicht darauf ausgelegt ist in der Mitte der Seite geöffnet zu werden.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/448554822018-03-07T15:14:10Z2018-03-07T15:14:10ZVerwendung: Oneo: Mobile Menü fixed<div><p>Hallo,<br>
Danke für die Antwort.<br>
Es sieht wohl leider so aus, dass die Anpassungen wie von Ihnen erwähnt größer ausfallen und nicht mit ein paar wenigen Änderungen wie beim Header umzusetzen sind.</p>
<p>Marius</p></div>Mariustag:help.rocksolidthemes.com,2012-07-23:Comment/448554822021-05-27T10:07:46Z2021-05-27T10:07:46ZVerwendung: Oneo: Mobile Menü fixed<div><p>Damit die Scrollposition beibehalten bleibt können Sie in der Datei <em>files/oneo/js/script.js</em> im Bereich <code>// Mobile navigation</code> nach der Zeile:</p>
<pre>
<code>var open, close;</code>
</pre>
<p>diesen Code hinzufügen:</p>
<pre>
<code>var scrollPosition = 0;</code>
</pre>
<p>Nach Zeile:</p>
<pre>
<code>page.style.overflow = 'hidden';</code>
</pre>
<p>folgenden Code:</p>
<pre>
<code>page.scrollTop = scrollPosition;</code>
</pre>
<p>Nach Zeile:</p>
<pre>
<code>isOpened = true;</code>
</pre>
<p>diese Code-Zeile:</p>
<pre>
<code>scrollPosition = window.pageYOffset;</code>
</pre>
<p>und nach der Zeile</p>
<pre>
<code>page.style.overflow = '';</code>
</pre>
<p>folgende Code-Zeile einfügen:</p>
<pre>
<code>window.scrollTo(0, scrollPosition);</code>
</pre></div>RockSolid Themes