0

我想知道 jQuery 是否可以处理以下操作:

当读者开始向下滚动 Blogspot 博客页面时,我想显示 url 链接。这些链接将一直保持 100% 可见,直到读者将页面滚动到顶部(0% 可见)。

我找到了一个 jQuery,它就在这里

但这就像滚动到网站按钮的顶部一样。我希望我的 jQuery 完全像这样工作,但不是在鼠标点击时滚动到顶部,而是将阅读器重定向到特定的 url 链接(在鼠标点击时)。

是否有可能做到这一点?

谢谢你。

4

1 回答 1

1

如果您使用普通锚点,因此点击就像普通链接一样发生,您可以对淡入淡出执行此操作:

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

还有这个 CSS,所以它们最初是隐藏的:

.hide { display: none; }

像这样定义您的链接:

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

这个脚本说如果我们在顶部($('body').scrollTop() == 0)淡出class="hide"可见的链接,如果我们不在顶部,淡入它们。只需分配class="hide"给您想要以这种方式运行的链接。

于 2010-03-13T19:05:42.007 回答