Javascript 我有一个固定的div,我正在使用jquery在滚动中淡出。它的工作原理很好,但如果我在中途,并参考了div显示的页面

Javascript 我有一个固定的div,我正在使用jquery在滚动中淡出。它的工作原理很好,但如果我在中途,并参考了div显示的页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个完整的高度和宽度div和背景图像的登录页。我在前面浮动一个固定的div,当用户向上滚动时,它会淡出。这是伟大的,除非有人刷新页面时,他们的一半下来,然后固定div再次出现。如果div处于“折叠上方”,我如何仅显示div jQuery(函数($){ $(窗口).on(“滚动”,函数(){ var scrollPos=$(window.scrollTop(); if(scrollPos这是因为如果页面重新加载,淡出代码不会执行。 所以,您可以做的是将该逻辑封装在函数中,并在页面加载和滚动

我有一个完整的
高度
宽度
div和背景图像的登录页。我在前面浮动一个固定的div,当用户向上滚动时,它会淡出。这是伟大的,除非有人刷新页面时,他们的一半下来,然后固定div再次出现。如果div处于“折叠上方”,我如何仅显示div


jQuery(函数($){
$(窗口).on(“滚动”,函数(){
var scrollPos=$(window.scrollTop();

if(scrollPos这是因为如果页面重新加载,淡出代码不会执行。 所以,您可以做的是将该逻辑封装在函数中,并在页面加载和滚动时调用它

HTML

<div class="blue_bar" style="display:none;">
    blah
</div>

废话
JS

jQuery(function( $ ){
    let processFade = function(){
        var scrollPos = $(window).scrollTop();
        if (scrollPos <= 0) {
            $(".blue_bar").fadeIn();
        } else {
            $(".blue_bar").fadeOut();
        }
    };
    $(window).on("scroll load", function () {
        processFade();
    });
    $(document).ready(function () {
        processFade();
    });
});
jQuery(函数($){
让processFade=function(){
var scrollPos=$(window.scrollTop();

if(scrollPos)在页面加载后添加函数
$(document).ready(function(){……。}
您可以添加另一个侦听器onload以检查当前滚动位置,并根据位置显示/隐藏。这非常有效,除非我在向下滚动后重新加载页面。div显示,然后很快再次消失。我尝试使用.delay,但这似乎不会影响“闪烁”你能告诉我下一步该去哪里吗?