如何在用户开始滚动之前隐藏jQuery中的元素
如何在用户开始滚动之前隐藏jQuery中的元素
提问于 2020-02-15 23:04:25
我需要隐藏两个div #top和#header-space，直到用户开始滚动页面。我已经尝试过这样做，但此代码在页面加载后仍然显示两个div。我正在使用jQuery在WordPress中做这件事，只想为主页做这件事。不能越过这一点。
下面是我尝试过的代码：
jQuery(document).ready(function($){
$(window).on('scroll', function(){
var y = $(window).scrollTop(0);
var width = $(window).innerWidth();
if(window.location.pathname == '/'){
if ( window.innerWidth > 1000) {
if( y > 0 ){
$('#top').fadeIn();
$('#header-space').fadeIn();
} else {
$('#top').fadeOut();
$('#header-space').fadeOut();
}
}
} else {
}
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-15 23:18:49
试试下面的代码：
var position = $(window).scrollTop();
// should start at 0
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if(scroll > position) {
// Code to for Scrolling Down
} else {
// Code to for Scrolling Up
}
position = scroll;
});您可以删除'IF‘语句并使代码在任何情况下运行。或者只把你的代码放在用户向下滚动时触发的第一个条件上。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60239979
复制相关文章
相似问题
腾讯云开发者
