我知道,這個問題已經被問過上百次了,但是沒有一個解決方案真正幫助到我。
Scroll Top在firefox上不起作用,但在chrome和safari上可以。
這是我的js
function scroll_top (){
$("body").append("<div id='scroll-top'><i class='fa fa-angle-up'></i></div>")
$('#scroll-top').on( 'click', function() {
$('html, body').animate({scrollTop: 0});
return false;
});
if( $(window).scrollTop() > 700 ) {
$('#scroll-top').fadeIn();
} else {
$('#scroll-top').fadeOut();
}
$(window).scroll(function(){
if( $(window).scrollTop() > 700 ) {
$('#scroll-top').fadeIn();
} else {
$('#scroll-top').fadeOut();
}
})
}
和我的html
html, body {
width: 100%;
min-height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
提前感謝。
命令$('html,body ')。動畫({ scroll top:0 });在你的火狐網站上不起作用。火狐有一些問題,在stackoverflow上已經密集討論過了。
要修復Firefox中的問題,您需要將一些CSS屬性設置為& lthtml & gt并且& ltbody & gt根據下面的回答。然后,它起作用了。 https://stackoverflow.com/a/8149216
試試這段代碼
document . getelementbyid(& quot;滾動頂部& quot).scroll top = 0;