So, hab mal folgendes gemacht, was aber überhaupt nicht funktioniert, bzw. das Scrollen geht nicht.
Ich hab im Header ein Custom-Nav eingebunden.
In der Seitenstruktur hab ich einen Menüpunkt erstellt, der eine Externe Weiterleitung hat und als Link "home.html#appartements_anker" eingetragen.
In der Seitenstrukture "home" hab ich einen Artikel mit "appartements" angelegt und im Artikel dann als html hab ich folgen Code eingebaut:
HTML-Code:
<div class="anker_1"></div>
<div id="appartements_anker"></div>
Darunter hab ich nun ein Text-Element eingefügt.
Soweit sogut, funktioniert der Ankerlink.
Nur das Scrollen funktioniert NICHT. Der Ankerlink steht hier auch immer ganz oben am Bildschirmrand.
Ich hab für das Scrollen ein Template "j_scrolling_js.html5" erstellt mit folgendem Inhalt. (Dieses jquery hab ich auch im Seitenlayout eingebunden)
Code:
<script>
$(document).ready(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
$(window.location.hash).offset().top -245
}, 500);
return false;
}
}
});
});
</script>
Es funktioniert aber das Scrollen nicht.
Lesezeichen