Javascript滚动并调整窗口大小
我有一个名为navbar的div类,当页面向下滚动700px时,我想将其fadein。但是,当页面宽度小于600px时,我不希望它显示。有什么想法吗Javascript滚动并调整窗口大小,javascript,jquery,Javascript,Jquery,我有一个名为navbar的div类,当页面向下滚动700px时,我想将其fadein。但是,当页面宽度小于600px时,我不希望它显示。有什么想法吗 $(window).addEventListener('onresize',function(){ $(window).scroll(function (e) { e.preventDefault(); if ($(this).scrollTop() > 700 & window.innerWidth > 600) {
$(window).addEventListener('onresize',function(){
$(window).scroll(function (e) {
e.preventDefault();
if ($(this).scrollTop() > 700 & window.innerWidth > 600) {
$('.navbar').fadeIn();
}
else {
$('.navbar').fadeOut();
}
});
});
您不需要将侦听器添加到“onresize”窗口中。
窗口的innerWidth
是动态的,因此在调整大小时会有所变化
$(window).scroll(function (e) {
e.preventDefault();
if ($(this).scrollTop() > 700 && window.innerWidth > 600) {
$('.navbar').fadeIn();
}
else {
$('.navbar').fadeOut();
}
});
或者,如果不滚动调整大小,也可以将其分成两部分
function listener (e) {
e.preventDefault();
if ($(window).scrollTop() > 700 && window.innerWidth > 600) {
$('.navbar').fadeIn();
}
else {
$('.navbar').fadeOut();
}
}
$(window).scroll(listener);
$(window).resize(listener);
$(this).scrollTop()>700&&window.innerWidth>600
,是否缺少一个“&”?