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的淡入/淡出鼠标滚动

回答

相关问题