刷新页面时，ScrollToTop按钮显示在顶部

Question

我想让我的scrollToTop按钮在顶部停止显示

我有按钮工作，因为它在向下滚动时淡入，并在单击时滚动到顶部，然后隐藏，但如果我是页面顶部并点击刷新按钮显示。有办法防止这种情况吗？

这是我的代码：

$(document).ready(function(){

//Check to see if the window is top if not then display button
$(window).scroll(function(){
    if ($(this).scrollTop() > 200) {
        $('.scrollToTop').fadeIn();
    } else {
        $('.scrollToTop').fadeOut();
    }
});

//Click event to scroll to top
$('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},500);
    return false;
});

});

我的JS：

insert into table1
select t2.*
from
table2 t2
join
table1 t1
on t1.col1<>t2.col1 
and t1.col2<>t2.col2

感谢。

Answer 1

您需要确保其默认设置是不显示，请使用CSS。

然后Javscript会处理剩下的事情并在需要时覆盖它。

.scrollToTop {
  display:none;
}