Javascript 返回顶部按钮没有'；隐藏

我不熟悉jquery。我正在为我的网站制作一个返回顶部箭头，我有一个隐藏返回顶部按钮的问题。它总是显示，从不隐藏。我所要做的就是先隐藏按钮，在90像素的高度之后，它会再次显示出来。请帮我做这个

以下是我的标题顶部的jquery脚本：

<script>
$(document).ready(function(){

    // hide #back-top first
$("#back-top").hide();

// fade in #back-top
$(function () {
    $(window).scroll(function () {
    if ($(this).scrollTop() > 90) {
    $('#back-top').fadeIn();
    } else {
    $('#back-top').fadeOut();
    }
    });

    // scroll body to 0px on click
    $('#back-top a').click(function () {
    $('body,html').animate({
    scrollTop: 0}, 800);
    return false;
    });
    });

});
</script>

当您滚动（顶部>90）时，您需要使用命令显示它

$("#back-top").show();

编辑 事情是这样的！重要标记替代显示：无标记。 只需删除它（在css上）

当您滚动（顶部>90）时，您需要使用命令显示它

$("#back-top").show();

编辑 事情是这样的！重要标记替代显示：无标记。 只需删除它（在css上）

您必须将CSS和jQuery更改为：

代码片段

$（文档）.ready（函数（e）{
//浏览器窗口滚动（以像素为单位），之后显示“返回顶部”链接
var偏移=300，
//浏览器窗口滚动（以像素为单位），之后“返回顶部”链接不透明度降低
偏移量_不透明度=1200，
//顶部滚动动画的持续时间（毫秒）
滚动\u顶部\u持续时间=700，
//抓住“返回顶部”链接
$back_to_top=$（“#back top”）；
//隐藏或显示“返回顶部”链接
$（窗口）。滚动（函数（）{
（$（this.scrollTop（）>偏移量）？$back_到_top.addClass（'is-visible'）：
$back_to_top.removeClass（'is-visible is fade out'）；
if（$（this）.scrollTop（）>offset\u不透明度）{
$back_to_top.addClass（'is-fade-out'）；
}
});
//平滑滚动到顶部
$back_to_top.on（'click'，函数（事件）{
event.preventDefault（）；
$（'body，html'）。设置动画({
滚动顶端：0，
}，滚动_top _duration）；
});
});
正文{
高度：1000px；
保证金：0；
填充：0；
}
#背面{
显示：内联块；
背景：无；
保证金：0；
位置：固定；
底部：50px；
右：45%；
宽度：40px；
高度：40px；
z指数：100；
文字装饰：无；
颜色：#ffffff；
背景色：rgba（163,15,15,0.4）；
边界半径：8px；
可见性：隐藏；
不透明度：0；
-webkit转换：不透明度0.3s，可见性0.3s；
-moz转换：不透明度0.3s，可见性0.3s；
转换：不透明度0.3s，可见性0.3s；
}
#背顶{
字体大小：40px；
}
#后端。是可见的，
#背面。是淡入淡出，
#背面：悬停{
-webkit转换：不透明度.3s0s，可见性0s0s；
-moz转换：不透明度.3s0s，可见性0s0s；
转换：不透明度.3s 0s，可见性0s 0s；
}
#背面可见{
/*按钮变为可见*/
能见度：可见；
不透明度：1；
}
#背面：悬停{
背景色：#0180ca；
不透明度：1；
}
#背面：悬停，
#背面：活动，
#背面：焦点{
大纲：无；
文字装饰：无；
}

您必须将CSS和jQuery更改为：

代码片段

$（文档）.ready（函数（e）{
//浏览器窗口滚动（以像素为单位），之后显示“返回顶部”链接
var偏移=300，
//浏览器窗口滚动（以像素为单位），之后“返回顶部”链接不透明度降低
偏移量_不透明度=1200，
//顶部滚动动画的持续时间（毫秒）
滚动\u顶部\u持续时间=700，
//抓住“返回顶部”链接
$back_to_top=$（“#back top”）；
//隐藏或显示“返回顶部”链接
$（窗口）。滚动（函数（）{
（$（this.scrollTop（）>偏移量）？$back_到_top.addClass（'is-visible'）：
$back_to_top.removeClass（'is-visible is fade out'）；
if（$（this）.scrollTop（）>offset\u不透明度）{
$back_to_top.addClass（'is-fade-out'）；
}
});
//平滑滚动到顶部
$back_to_top.on（'click'，函数（事件）{
event.preventDefault（）；
$（'body，html'）。设置动画({
滚动顶端：0，
}，滚动_top _duration）；
});
});
正文{
高度：1000px；
保证金：0；
填充：0；
}
#背面{
显示：内联块；
背景：无；
保证金：0；
位置：固定；
底部：50px；
右：45%；
宽度：40px；
高度：40px；
z指数：100；
文字装饰：无；
颜色：#ffffff；
背景色：rgba（163,15,15,0.4）；
边界半径：8px；
可见性：隐藏；
不透明度：0；
-webkit转换：不透明度0.3s，可见性0.3s；
-moz转换：不透明度0.3s，可见性0.3s；
转换：不透明度0.3s，可见性0.3s；
}
#背顶{
字体大小：40px；
}
#后端。是可见的，
#背面。是淡入淡出，
#背面：悬停{
-webkit转换：不透明度.3s0s，可见性0s0s；
-moz转换：不透明度.3s0s，可见性0s0s；
转换：不透明度.3s 0s，可见性0s 0s；
}
#背面可见{
/*按钮变为可见*/
能见度：可见；
不透明度：1；
}
#背面：悬停{
背景色：#0180ca；
不透明度：1；
}
#背面：悬停，
#背面：活动，
#背面：焦点{
大纲：无；
文字装饰：无；
}

您好，先生，谢谢您的回答。我的问题是它总是表现出来。没关系，先生，谢谢你的回答。我的问题是它总是表现出来。它不会隐藏
$("#back-top").show();

display:none;