Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
$window.on()在ES6 javascript中不起作用_Javascript_Ecmascript 6 - Fatal编程技术网

$window.on()在ES6 javascript中不起作用

$window.on()在ES6 javascript中不起作用,javascript,ecmascript-6,Javascript,Ecmascript 6,我正试图写一些ES6代码,应该允许我做一个显示隐藏粘性页脚 我的代码运行到某个点,但随后停止,我无法理解原因。我是否使用了错误的箭头符号?我在谷歌上搜索过,但不确定我问的问题是否正确,因此没有找到任何有用的东西 const showFoot = { init: () => { showFoot.initShowFoot(); }, initShowFoot: () => { const $hero = $('.block--course

我正试图写一些ES6代码,应该允许我做一个显示隐藏粘性页脚

我的代码运行到某个点,但随后停止,我无法理解原因。我是否使用了错误的箭头符号?我在谷歌上搜索过,但不确定我问的问题是否正确,因此没有找到任何有用的东西

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代码非常好,但是
元素上有css
overflow-x:hidden
,所以滚动没有在
$(窗口)
上注册,但我想应该是在
$('body')上

您可以发布与此相关的HTML吗?您可能实际上没有滚动窗口。@evolutionxbox根据我可以执行的jquery文档:“$(窗口)。滚动(函数(){stuff;});”这就是我删除注释的原因。我不正确。对不起,我在回复之前没有看到删除!哦,好吧,那么你认为我可能在滚动一个固定的元素还是什么?哦,你真漂亮!had-x:隐藏;在它上面,这是令人困惑的事情!加上你的评论作为答案,我会投赞成票!