使用 mootools “返回顶部”

Question

谁能给我一个类似的 mootools 脚本。我正在使用 jquery，我需要一个类似的函数来与 mootools 一起使用：

$(document).ready(function(){
   if( $(".page").height() < $(window).height() ) {
       $(".backtop").hide();
   }
   else {
       $(".backtop").show();
   }
});

我想要的是一个“返回顶部”按钮，该按钮仅在 div.page 大于屏幕窗口时出现。

Answer 1

$$('a.backtop').setStyle('display',
    document.getElement('div.page').getSize().y > window.getSize().y ? 'block' : 'none'
);

注意有时在旧的 ie 上你可能需要包装 $(window) 或 $(document)。

http://jsfiddle.net/wD6RY/

Answer 2

window.addEvent('domready', function() {
   ($('div.page')> window.getSize().y) ? $('div.backtop').fade(1) : $('div.backtop').fade(0)  
});