Top-Link funktioniert nicht auf mobilen Geräten
Hallo zusammen,
Ich habe das Link-Element Top-Link auf einer Webseite eingefügt, welches unter Windows ohne Probleme funktioniert. Ruft man die gleiche Webseite aber unter Android auf reagiert der Top-Link nicht, lediglich mein definierter Hover-Effekt davon funktioniert.
Muss für diese Funktionalität unter mobilen Systemen noch etwas verändert werden vielleicht im Template? Bei meinen Recherchen konnte ich dazu bislang nichts finden. Für Ideen und Hinweise zur Lösung des Problems wäre ich sehr dankbar.
Gruß
Thomas
Top-Link funktioniert nicht auf mobilen Geräten
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