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

Question

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

我想要“点击这里切换！” 链接（包含在其自己的 div 中）仅在用户一直滚动到页面顶部时才可见

我为任何菜鸟道歉，我正在慢慢地自学网页设计的乐趣:-)

谢谢

Answer 1

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

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

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

Answer 2

不确定这是否是您正在寻找的，但您可以执行以下操作：

$(window).scroll(function() {
  if($('html').offset().top == 0){
     $('#yourdiv').show();
  }else{
      $('#yourdiv').hide();
  }
});

当您滚动并且您的位置位于顶部时，这将显示一个 div。如果您滚动并且您的新位置不在顶部，它将隐藏 div。