jquery - 仅当用户一直向上滚动时显示 div

Question

我一直在摆弄 slideToggle，并在我的网页左侧创建了一个信息框，当用户激活“单击此处切换!”时会显示该信息框。引用。

我想要“点击此处切换!”链接(包含在它自己的 div 中)仅在用户一直滚动到页面顶部时可见

对于任何不便之处，我深表歉意，我正在慢慢自学网页设计以获得乐趣:-)

谢谢

Answer 1

您可以使用窗口对象的 scrollTop() 属性记录视口(viewport)的滚动位置，然后根据 scrollTop 使用逻辑语句来决定何时显示链接() 值。

$(function() {
    $(window).scroll(function() {
        if($(window).scrollTop() > 0) {
            $("#target").hide();
        } else {
            $("#target").show();
        }
    });
});

这是一个概念验证 fiddle - http://jsfiddle.net/teddyrised/sBNEJ/1/