Question

我是一个初学者。我知道很多HTML和CSS，但javascript不适合我（至少现在我开始学习它了）...

我看过这篇文章：http://davidwalsh.name/mootools-watermark 这篇文章的特色是“水印 - Go To Top”按钮。

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)  
});

水印mootools帮助

1 个答案: