2011-08-29 52 views
3

任何人都可以給我一個類似mootools的腳本。我使用jQuery,我需要這樣一個類似的功能與MooTools的使用:使用mootools「回到頂部」

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

我要的是一個「回到頂部」按鈕,只有當div.page比屏幕窗口出現大。 如果有人可以如此善良,並幫助我會很棒! 在先進的感謝, 巨力

+0

http://davidwalsh.name/mootools-watermark – stecb

+1

怎樣的scrollSpy - http://davidwalsh.name/mootools-scrollspy –

回答

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

注意.fade是一條捷徑,而不是一部分MooTools核心。看起來你想寫$$而不是$,因爲$$返回一個你必須做的集合$$('.css-selector')[0]。你也在比較和元素'$('div.page')> window.getSize()。y'與窗口高度,這將永遠是假的。所以你可能忘了在$$('div.page')[0]上調用.getSize()。y。 – eerne

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

注意有時老即你可能必須包裝$(窗口)或$(文件)。

http://jsfiddle.net/wD6RY/