tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/20512-fehler-fehler-bei-externem-link-auf-sprungnavigationRockSolid Themes: Discussion 2019-12-03T15:38:39Ztag:help.rocksolidthemes.com,2012-07-23:Comment/426264152017-05-26T08:32:17Z2017-05-26T08:32:17ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Vielen Dank für Ihre Frage.</p>
<p>Wir haben zu Ihrer Frage bereits Informationen bereitgestellt und dürfen Sie daher auf folgenden Inhalt verweisen: <a href="http://help.rocksolidthemes.com/discussions/contao/15835">http://help.rocksolidthemes.com/discussions/contao/15835</a></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426264152018-11-01T07:55:05Z2018-11-01T07:55:05ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Danke für diesen Hinweis, aber es ist nicht die Lösung für meine Sache gehe ich davon aus – es wird ja nichts überdeckt, sondern der direkte Ankerlink verändert sich beim Aufruf und man landet wieder oben auf der Zielseite statt auf der Sprungmarke innerhalb der Zielseite …</p>
<p>Wir verwenden ONEO und das Phänomen betrifft das Mobile Menu aber auch direkte Links, die von einer Seite auf eine andere zeigen.</p>
<p>z.B. Aufruf <a href="https://meinewebsite.ch/zusatzangebote#ph-er">https://meinewebsite.ch/zusatzangebote#ph-er</a><br>
resultiert danach im Browser https:/meinewebsite.ch/zusatzangebote#ak-th (oberster Anker)</p>
<p>Ich beobachte, dass man kurz am Ziel landet, danach wieder nach oben gescrollt wird …!?</p></div>D. Truningertag:help.rocksolidthemes.com,2012-07-23:Comment/426264152018-11-01T15:29:36Z2018-11-01T15:29:36ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p>
<p>In welchem Browser bzw. Browser-Version tritt dieser Fehler auf?</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426264152018-11-01T16:15:19Z2018-11-01T16:15:19ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Grüezi, in diversen: Chrome, Safari, iOS Safari …</p>
<p>Ein Muster findet sich hier:<br>
<a href="https://2018.asz-duebendorf.ch/aszd-plan#de-pf">https://2018.asz-duebendorf.ch/aszd-plan#de-pf</a> – dort gibt es «Details Pflegewohnung Heugatter» und weitere mit Direktlinks. Die gehen nicht auf den Zielseiten.</p>
<p>Danach gilt es generell für das mobile Menü, sobald man einen weiteren Seitenstrang wählt (also auf Handy oder Desktop mit verkleinertem Browserfenster).</p>
<p>Freundlichen Grüsse</p></div>D. Truningertag:help.rocksolidthemes.com,2012-07-23:Comment/426264152018-11-02T11:37:38Z2018-11-02T11:37:38ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Bearbeiten Sie bitte die Datei <em>files/oneo/js/script.js</em> und ersetzen Sie den letzen Code-Block „Anchor jumping on page load“ mit folgendem:</p>
<pre>
<code>// Anchor jumping on page load
(function($) {
if (!$ || !location.hash) {
return;
}
// Skip if the page was reloaded or navigated back in history
if (window.performance && performance.navigation && (
performance.navigation.type === 1
|| performance.navigation.type === 2
)) {
return;
}
var hash = location.hash;
scroll();
$(function() {
setTimeout(scroll);
setTimeout(scroll, 500);
setTimeout(scroll, 1000);
});
function scroll() {
$(hash).first().each(function() {
$(window).scrollTop(Math.ceil(
$(this).offset().top -
(parseFloat($(this).css('margin-top')) || 0) -
(
(!window.matchMedia || window.matchMedia("(max-width: 900px)").matches)
? 0
: $('.header-navigation').outerHeight() || 0
)
));
});
}
})(window.jQuery);</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426264152018-11-02T13:28:00Z2018-11-02T13:30:37ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Dankeschön! Das habe ich gemacht und die Scriptcaches und Seitencache geleehrt. Es funktioniert auf der Desktop und Mobile-Website. Einfach NUR unter der Voraussetzung, dass diese Option nicht aktiv ist, wenn ich als Ziel eine ID habe, die innerhalb eines Artikels liegt:</p>
<p>Sprungnavigation: URL beim scrollen verändern (deaktivieren)</p>
<p>Das wusste ich nicht ;-)</p></div>D. Truningertag:help.rocksolidthemes.com,2012-07-23:Comment/426264152019-12-02T07:21:57Z2019-12-02T07:21:57ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Guten Tag, wie sollen wir diesen Code in files/oneo/js/script.js auch ergänzen, damit es auch bei einem «Sticky Header» des DIVs .page-header auf Mobile gut funktioniert? Das wäre unser Ziel, dass auch hier der Versatz gemacht wird in ONEO.</p>
<p>Herzlichen Dank für einen Code-Tipp!</p></div>D. Truningertag:help.rocksolidthemes.com,2012-07-23:Comment/426264152019-12-02T12:33:10Z2019-12-02T12:33:10ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Ersetzen Sie dafür bitte die Zeilen</p>
<pre>
<code>(!window.matchMedia || window.matchMedia("(max-width: 900px)").matches)
? 0
: $('.header-navigation').outerHeight() || 0</code>
</pre>
<p>mit folgender Zeile:</p>
<pre>
<code>$('.header-navigation').outerHeight() || 0</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426264152019-12-03T10:02:20Z2019-12-03T10:03:07ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Danke – es funktioniert nur für das direkte Anspringen einer URL, aber nicht wenn gleichzeitig auf einen Anker gesprungen wird auf der Seite (One-Page-Navigation). Können Sie nochmals kurz reinschauen bitte? Der Code ist eingefügt auf Zeile 1098: <a href="https://imwil.ch/files/oneo/js/script.js">https://imwil.ch/files/oneo/js/script.js</a></p>
<p>Wir haben den mobilen Sticky-Header so integriert:<br></p>
<pre>
<code>@media screen and (max-width: 900px) {
.page-header {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
z-index:1000;
}
header #topbar {
display:none;
}
}</code>
</pre></div>D. Truningertag:help.rocksolidthemes.com,2012-07-23:Comment/426264152019-12-03T12:47:04Z2019-12-03T12:47:04ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Ersetzen Sie bitte zusätzlich noch folgende Zeilen:</p>
<pre>
<code>(!mediaQuery || mediaQuery.matches)
? 0
: $('.header-navigation').outerHeight() || 0</code>
</pre>
<p>mit dieser Zeile:</p>
<pre>
<code>$('.header-navigation').outerHeight() || 0</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/426264152019-12-03T13:54:00Z2019-12-03T13:54:00ZFehler: Fehler bei externem Link auf Sprungnavigation<div><p>Herzlichen Dank für den Support, das scheint soweit sehr gut zu funktionieren, perfekt!</p></div>D. Truninger