ScrollToTop funktioniert nicht nur in IE Edge

Question

Ich habe die Funktion zum Scrollen nach oben Fade-In Fade-Out. Dies funktioniert gut mit Chrome, Firefox, IE11, Opera. Aber funktioniert nicht auf Safari und IE Edge. Ich weiß nicht, warum das nicht nur in diesen beiden Browsern passiert. Das habe ich bisher versucht.

$(window).scroll(function(){ 
    if ($(this).scrollTop() > 475) { 
     $('#btn-back-ttop').fadeIn(300); 
    } else { 
     $('#btn-back-ttop').fadeOut(300); 
    } 
}); 

$("#btn-back-ttop").click(function(){ 
    $("html").animate({ 
     scrollTop: 0 
     }, 1000); 
}); 

PS: Ich habe auch eine vorgeschlagene Lösung versucht, zu der Höhe des Körpers und die HTML-Autoeinstellung min-Höhe auf 100% einzustellen. Das scheint nicht viel zu helfen. Jede Hilfe wird geschätzt.

Answer 1

Try 'html' mit 'html, body'

dh

$("#btn-back-ttop").click(function(){ 
    $("html").animate({ 
     scrollTop: 0 
     }, 1000); 
}); 

sollte

$("#btn-back-ttop").click(function(){ 
    $("html,body").animate({ 
     scrollTop: 0 
     }, 1000); 
}); 

Answer 2

try this one :)

HTML CODE

ersetzen

<div class="back-to-top"> 
     <a href="javascript: void(0);" rel="nofollow"><span class="fa fa-arrow-up"></span></a> 
    </div> 

JS CODE

// BACK TO TOP 
$('.back-to-top').hide(); // HIDE ON FIRST LOAD 
$(window).scroll(function() { 
    if ($(this).scrollTop() > 100) { 
     $('.back-to-top').fadeIn(); 
    } else { 
     $('.back-to-top').fadeOut(); 
    } 
}); 
$('.back-to-top a').click(function() { 
    $('body,html').animate({ 
     scrollTop: 0 
    }, 800); 
    return false; 
});