2010-03-13 31 views
0

我在想,如果jQuery的可以處理以下動作:JQuery的淡入/淡出鼠標滾動

我想顯示的URL鏈接時,讀者開始向下滾動的Blogspot博客頁面。這些鏈接將始終保持100%可見狀態,直到讀者將頁面滾動到頂部位置(0%可見)。

我找到了一個jQuery,它是here

但這個工程就像滾動到網站按鈕的頂部。我希望我的jQuery完全像這樣工作,但不用鼠標點擊滾動到頂部,它會將讀取器重定向到特定的URL鏈接(單擊鼠標)。

可以做到這一點嗎?

謝謝。所以他們最初隱藏

$(function() { 
    $(document).scroll(function() { 
    if($('body').scrollTop() == 0) 
     $("a.hide:visible").fadeOut(); 
    else 
     $("a.hide:hidden").fadeIn(); 
    }); 
}); 

而這個CSS:

回答

1

如果使用普通錨因此點擊發生像一個正常的鏈接,可以爲衰落做到這一點

.hide { display: none; } 

定義你的鏈接是這樣的:

<a class="hide" href="Http://google.com">Google Link</a> 

這個腳本說如果我們在頂部($('body').scrollTop() == 0)淡出可見的class="hide"鏈接,如果我們不在頂部,則淡入其中。只需將class="hide"分配給您希望以此方式行事的鏈接。

+0

謝謝您的及時答覆。 我做了它像你建議的,所以我把 .hide { display:none; } 到CSS 和 <腳本類型= '文本/ JavaScript的'> $(函數(){ $(文件).scroll(函數(){ 如果($('體')。 scrollTop的()== 0) $(" a.hide:可見").fadeOut(); 否則 $(" a.hide:隱藏").fadeIn(); }); }); 在部分 然後,我添加了鏈接Google Link 但是鏈接被隱藏所有的時間,無論怎樣做低滾動我。 – Peter 2010-03-13 20:58:22

+0

@Peter試試這個:'$('html,body')。scroll('而不是文檔。 – 2010-03-13 20:59:35

+0

感謝您的努力,我替換了您建議的代碼,但不幸的是得到了相同的結果。 – Peter 2010-03-13 22:56:12