Question

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

我想在读者开始向下滚动Blogspot博客页面时显示网址链接。这些链接将一直保持100％可见，直到读者将页面滚动到顶部位置（0％可见）。

我找到了一个jQuery，它是here。

但这个就像滚动到网站顶部按钮一样。我希望我的jQuery的工作方式与此类似，但不是在鼠标单击时滚动到顶部，而是将读取器重定向到特定的URL链接（在鼠标单击时）。

是否可以这样做？

谢谢。

Answer 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"链接，如果我们不在顶部，则将其淡入。只需指定{{ 1}}你希望以这种方式表现的链接。

鼠标滚动上的JQuery FadeIn / FadeOut

1 个答案: