Watermark Mootools幫助

Question

我是mootools的新手。 我知道很多html和CSS，但是javascript不適合我（至少現在我開始學習它了）...

我看到了這篇文章： http : //davidwalsh.name/mootools-watermark這篇文章帶有“水印-轉到頂部”按鈕。

的HTML：

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

CSS：

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

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>

我假裝的是鏈接不如display：none; 在CSS中，因為如果用戶沒有打開javascript，則用戶將看不到該按鈕。

所以，我想要隱藏它並僅在滾動大於300px之后顯示它。 如果用戶沒有在瀏覽器中打開javascript，那么他可以一直看到顯示的按鈕...

因此，對於此html和CSS，我應該使用哪個javascirpt作為不透明度顯示中的開/關：

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

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

有誰能夠幫助我？？？

謝謝，馬特

Answer 1

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