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,但这似乎不会影响“闪烁”你能告诉我下一步该去哪里吗?