Question

我正试图在this thread中创建一个类似于“在800px之后在scrollDown上显示div”的效果，由apaul34208回答。

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

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

我也尝试过来自this thread的解决方案，但我似乎无法使其发挥作用。

现在我正在使用这个脚本：

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

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

但我想我不能在我想要实现的目标中使用scrollTop。有什么建议吗？

Answer 1

你试过了吗？

    .bottomMenu {
        display: none;
     }

如果没有，它将在页面加载时显示（scroll函数未因为你还没有滚动而被触发）并且如果你开始滚动则会隐藏，因为评估了if语句为false，因为y位置为<800且$('.bottomMenu').fadeOut();运行。

显示基于另一个div滚动位置的div

1 个答案: