JQuery的淡入/淡出鼠標滾動

我在想，如果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：

來源

2010-03-13 Peter

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

.hide { display: none; }

定義你的鏈接是這樣的：

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

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

來源

2010-03-13 19:05:42

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

@Peter試試這個：'$（'html，body'）。scroll（'而不是文檔。 – 2010-03-13 20:59:35

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

JQuery的淡入/淡出鼠標滾動

回答

相關問題