Javascript 隐藏div直到滚动

我试图使它，当我在我的页面顶部是看不见的，但每当我滚动到它，它弹出一个链接的权利回到页面顶部。使用JavaScript会更容易吗？或者有没有一种方法只使用HTML就可以做到这一点？

我知道没有JavaScript就无法做到这一点

假设HTML是这样的：

<button id="top">Top</button>

---

您仍然可以使用position:fixed here，因为如果没有可见性，用户将无法看到或单击它。

看起来您希望创建一个最初隐藏的返回顶部按钮，并且该部分有大量的问题/答案。我已经有了返回顶部链接，我正试图找出如何使它在滚动时可见，而不是使用position:fixed始终可见。你不能只使用HTML和CSS来实现这一点。。。需要使用Javascript来确定页面是否已被滚动。显示您迄今为止尝试过的内容，以便我们可以看到您不理解的内容以及您留下的内容。我尝试过此方法，但它似乎只将右上角粘贴在最顶端，似乎没有隐藏它。它在这里：你把它放在右上角：P我将看剩下的代码。top{position:fixed；top:0px；right:0px；z-index:-999px；}好的，我找不到与我给你的HTML匹配的JS代码。。。它甚至在那里吗？我实际上把它添加到了tumblr的错误部分，它现在应该被修复了。此外，代码似乎工作完美，我爱它，谢谢你这么多！但有没有办法让它一开始就隐藏起来？因为当我加载页面时，它似乎会显示出来。在CSS中，将display:none添加到ID选择器的规则中。

$(window).scroll(function() { // when the page is scrolled run this
    if($(this).scrollTop() != 0) { // if you're NOT at the top
        $('#top').fadeIn("fast"); // fade in
    } else { // else
        $('#top').fadeOut("fast"); // fade out
    }
});

$('#top').click(function() { // when the button is clicked
    $('body,html').animate({scrollTop:0},500); // return to the top with a nice animation
});