根据另一个div滚动位置显示div

Question

我试图在该线程中创建类似于“在800px后在scrollDown上显示div”的效果，该效果由apaul34208回答。

问题是我还在网站上使用了这种视差效果 ，这会禁用正常的窗口滚动，因此整个网站都在具有100％高度的div（.parallax）内滚动。 这也会禁用所需的效果。

由于我想隐藏或显示的div应该位于固定位置，因此它必须位于滚动.parallax div的外部，但要读取同一div的滚动位置。

我也尝试过此线程的解决方案，但似乎无法使其正常工作。

---

现在，我正在使用此脚本：

$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 800) {
    $('.bottomMenu').fadeIn();
} else {
    $('.bottomMenu').fadeOut();
}
});

除了在页面顶部加载固定div时会显示固定div，它在非视差页面上也能正常工作；向下滚动1 px时消失，仅在向下滚动800 px后再次出现。

但是我想我无法在实现的目标中使用scrollTop。 有什么建议么？

Answer 1

你有没有尝试过：

    .bottomMenu {
        display: none;
     }

如果不是，它将在页面加载时显示（由于尚未滚动而未触发scroll功能），并且在开始滚动时将隐藏，因为if语句被评估为false因为y位置<800和$('.bottomMenu').fadeOut(); 运行。