MediaWiki: ScrollTop.js: Unterschied zwischen den Versionen

Aus Joachim Camerarius (1500-1574)
Wechseln zu: Navigation, Suche
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
Zeile 7: Zeile 7:
$( document ).ready(function() {
$( document ).ready(function() {
   if(mw.config.get( 'skin' ) === 'tweeki'){
   if(mw.config.get( 'skin' ) === 'tweeki'){
  console.log("Test")
       $("body").append('<a onclick="scrollToTop()" id="return-to-top" class="btn-float"> <span class="fa fa-chevron-up my-float"></span> </a> <div class="label-container"> <div class="label-text">Zum Seitenanfang</div> <span class="fa fa-play label-arrow"></span> </div>'),  
       $("body").append('<a onclick="scrollToTop()" id="return-to-top" class="btn-float"> <span class="fa fa-chevron-up my-float"></span> </a> <div class="label-container"> <div class="label-text">Zum Seitenanfang</div> <span class="fa fa-play label-arrow"></span> </div>'),  
       $(window).scroll(function () {
       $(window).scroll(function () {

Aktuelle Version vom 3. Dezember 2024, 12:51 Uhr

function scrollToTop() {
   $("body,html").animate({
      scrollTop: 0
   }, 500)
}

$( document ).ready(function() {
  if(mw.config.get( 'skin' ) === 'tweeki'){
      $("body").append('<a onclick="scrollToTop()" id="return-to-top" class="btn-float"> <span class="fa fa-chevron-up my-float"></span> </a> <div class="label-container"> <div class="label-text">Zum Seitenanfang</div> <span class="fa fa-play label-arrow"></span> </div>'), 
      $(window).scroll(function () {
        $(this).scrollTop() >= 50 ? $("#return-to-top").fadeIn(200) : $("#return-to-top").fadeOut(200)
      })	
  }
});