仅在用户完全滚动时才显示div

Question

我一直在摆弄slideToggle并在我的网页左侧创建了一个信息框，当用户激活“Click Here to Toggle！”时会显示该信息框。 HREF。

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

我为任何noobiness道歉，我正在慢慢地教自己网页设计的乐趣： - ）

由于

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。