我想知道 jQuery 是否可以处理以下操作:
当读者开始向下滚动 Blogspot 博客页面时,我想显示 url 链接。这些链接将一直保持 100% 可见,直到读者将页面滚动到顶部(0% 可见)。
我找到了一个 jQuery,它就在这里。
但这就像滚动到网站按钮的顶部一样。我希望我的 jQuery 完全像这样工作,但不是在鼠标点击时滚动到顶部,而是将阅读器重定向到特定的 url 链接(在鼠标点击时)。
是否有可能做到这一点?
谢谢你。
如果您使用普通锚点,因此点击就像普通链接一样发生,您可以对淡入淡出执行此操作:
$(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"
给您想要以这种方式运行的链接。