gpt4 book ai didi

javascript - 滚动顶部在 Firefox 上不起作用

转载 作者:行者123 更新时间:2023-11-28 06:37:42 25 4
gpt4 key购买 nike

我知道,这个问题已经被问了上百次,但没有一个解决方案真正对我有帮助。

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').animate({scrollTop: 0});在您的 Firefox 网站上不起作用。 Firefox 中存在一些问题,这些问题已在 stackoverflow 上进行了深入讨论。

要解决您在 Firefox 中的问题,您需要将一些 CSS 属性设置为 <html><body>根据下面的回答。然后,它起作用了。 https://stackoverflow.com/a/8149216

关于javascript - 滚动顶部在 Firefox 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34537664/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com