Javascript 水印工具帮助

我是个初学者。我知道很多html和css，但javascript不适合我（至少现在我已经开始学习了）

我看到这个帖子： 这篇文章的特色是“水印-转到顶部”按钮

html:

javascript:

<script type="text/javascript">
    window.addEvent('domready',function() {
        new SmoothScroll({duration:500});

        var go = $('gototop');

        go.set('opacity','0').setStyle('display','block');
        window.addEvent('scroll',function(e) {
            go.fade((window.getScroll().y > 300) ? 'in' : 'out')
        });

    });
</script>

addEvent（'domready'，function（）{
新的平滑滚动（{持续时间：500}）；
var go=$（'gototop'）；
go.set（'opacity'，'0'）。setStyle（'display'，'block'）；
window.addEvent（'scroll'，函数（e）{
go.fade（（window.getScroll（）.y>300）？'in'：'out'）
});
});

我假装链接没有显示出来：没有；因为如果用户没有打开javascript，那么用户将看不到按钮

所以，我想要的是隐藏它，只有在卷轴大于300px后才显示它。如果用户在浏览器中没有打开javascript，那么他可以看到一直显示的按钮

那么，对于这个html和css，我应该使用哪个javascirpt作为Opportity显示中的开关：

<a href="#top" id="gototop" class="no-click no-print">Top of Page</a>

#gototop { display:block; position:fixed; right:5px; bottom:5px; }

#gototop{显示：块；位置：固定；右侧：5px；底部：5px；}

有人能帮我吗

谢谢，马特

window.addEvent('domready', function() {
   $('gototop').setStyle('display','none');
   ((window.getScrollSize().y + 300 )> window.getSize().y) ? $('gototop').fade(1) : $('gototop').fade(0)  
});

<a href="#top" id="gototop" class="no-click no-print">Top of Page</a>

#gototop { display:block; position:fixed; right:5px; bottom:5px; }

window.addEvent('domready', function() {
   $('gototop').setStyle('display','none');
   ((window.getScrollSize().y + 300 )> window.getSize().y) ? $('gototop').fade(1) : $('gototop').fade(0)  
});