Hallo Thomas
Füge im fe_page.html5 folgendes vor dem abschliessenden
Body Tag ein
HTML-Code:
<a href="#" class="scrollToTop"></a>
In deinem Stylesheet fügst Du folgendes ein:
beachte das die background-image angepass werden muss, dann
einfach nur noch ein Icon im PNG Format erstellen.
HTML-Code:
.scrollToTop {
width: 40px;
height: 40px;
background-image: url("/files/wo soll der button hin/arrow.png");
position: fixed;
right: 30px;
bottom: 30px;
display: none;
z-index: 9999;
}
Folgendes unter "Eigenem JavaScript-Code" im Seitenlayout einfügen vergess nicht die beiden Tags zu setzen: <script> </script>
HTML-Code:
$(document).ready(function(){$(window).scroll(function(){if($(this).scrollTop()>100){$('.scrollToTop').fadeIn();}else{$('.scrollToTop').fadeOut();}});$('.scrollToTop').click(function(){$('html, body').animate({scrollTop:0},800);return false;});});
Vielleicht hilft Dir das weiter (bei mir funktioniert es im Edge sehr gut)
Ein Beispiel siehst Du auf der Seite wenn Du nach unten Scrollst www.scallen.ch
Grüsse
designpilot
Lesezeichen