Javascript 如何在向下滚动时使div从顶部显示？

我想要一个

div

出现，当你滚动通过标题时向下滑动

下面是它的外观：

这是我到目前为止得到的，但它不起作用

---

您需要找出页眉的高度及其在页面上的位置，然后使用jquery根据scrollTop值显示或隐藏div

例如：

// Get the headers position from the top of the page, plus its own height
var startY = $('header').position().top + $('header').outerHeight();

$(window).scroll(function(){
    checkY();
});

function checkY(){
    if( $(window).scrollTop() > startY ){
        $('.fixedDiv').slideDown();
    }else{
        $('.fixedDiv').slideUp();
    }
}

// Do this on load just in case the user starts half way down the page
checkY();

然后只需将.fixedDiv设置为位置：fixed:top:0；左：0

---

编辑：我添加了一个checkY（）函数，您可以在页面加载和滚动时调用该函数。不过，要在开始时隐藏它，只需使用CSS。

您可能只想显示和隐藏div，而不是伪类和隐藏和显示

最初： $（“#mydiv”）.hide（）； 然后（滚动）： $（“#mydiv”）.show（）

设置您希望div的外观，即0,0和固定

---

使用保持简单的方法

我已经用一些你可以尝试的东西更新了你的JSFIDLE

试试这个：

此外，本文也很有帮助：

---

很抱歉，有件事很简单。。如何阻止它在开始时显示？这是我的文件：@will这在JavaScript而不是jQueryYes中是可能的，当然，jQuery毕竟只是一个JavaScript库，但我知道你的意思。这只是多一点工作。