$window.on()在ES6 javascript中不起作用
我正试图写一些ES6代码,应该允许我做一个显示隐藏粘性页脚 我的代码运行到某个点,但随后停止,我无法理解原因。我是否使用了错误的箭头符号?我在谷歌上搜索过,但不确定我问的问题是否正确,因此没有找到任何有用的东西$window.on()在ES6 javascript中不起作用,javascript,ecmascript-6,Javascript,Ecmascript 6,我正试图写一些ES6代码,应该允许我做一个显示隐藏粘性页脚 我的代码运行到某个点,但随后停止,我无法理解原因。我是否使用了错误的箭头符号?我在谷歌上搜索过,但不确定我问的问题是否正确,因此没有找到任何有用的东西 const showFoot = { init: () => { showFoot.initShowFoot(); }, initShowFoot: () => { const $hero = $('.block--course
const showFoot = {
init: () => {
showFoot.initShowFoot();
},
initShowFoot: () => {
const $hero = $('.block--course .jumbotron');
const $footer = $('.footer--bottom');
console.log('were initing');
$(window).on('scroll', () => {
console.log('were scrolling');
const yPos = window.pageYOffset;
if ($footer.is(':visible') && yPos < ($hero.offset().top + $hero.outerHeight())) {
$footer.fadeOut();
}
if (!$footer.is(':visible') && yPos > ($hero.offset().top + $hero.outerHeight())) {
$footer.fadeIn();
}
});
},
};
const showFoot={
初始化:()=>{
showFoot.initShowFoot();
},
initShowFoot:()=>{
const$hero=$('.block--course.jumbotron');
常量$footer=$('.footer--bottom');
log('wereiniting');
$(窗口).on('滚动',()=>{
log(“正在滚动”);
const yPos=window.pageYOffset;
如果($footer.is(':visible')&&yPos<($hero.offset().top+$hero.outerHeight()){
$footer.fadeOut();
}
如果(!$footer.is(':visible')&&yPos>($hero.offset().top+$hero.outerHeight()){
$footer.fadeIn();
}
});
},
};
我在控制台里只看到“我们正在初始化”
我不知道“我们在滚动”。我不明白为什么当我滚动时,它不会给我一个控制台输出
任何帮助都会非常感激。结果是JS代码非常好,但是
元素上有cssoverflow-x:hidden
,所以滚动没有在$(窗口)
上注册,但我想应该是在$('body')上
您可以发布与此相关的HTML吗?您可能实际上没有滚动窗口。@evolutionxbox根据我可以执行的jquery文档:“$(窗口)。滚动(函数(){stuff;});”这就是我删除注释的原因。我不正确。对不起,我在回复之前没有看到删除!哦,好吧,那么你认为我可能在滚动一个固定的元素还是什么?哦,你真漂亮!had-x:隐藏;在它上面,这是令人困惑的事情!加上你的评论作为答案,我会投赞成票!