Javascript在JSFiddle中工作但不在頁面上

我有一些jQuery觸發控制檯日誌/ mixpanel跟蹤事件，當用戶在灰色區域下滾動時，一個用於點擊頁面底部，另一個用於用戶滾動時滾動回到頁面頂部。我可以觸發JSFiddle中的控制檯日誌，但它不會發生在jsfiddle之外的實際頁面中。Javascript在JSFiddle中工作但不在頁面上

$(function() { 
var $win = $(window); 

$win.scroll(function() { 
    if ($win.scrollTop() == 0) { 
     console.log("USER SCROLLED TO TOP"); 
     mixpanel.track(
      "User Scrolled To Top", { 
      "url": window.location.href 
     }); 
    } else if ($win.height() + $win.scrollTop() >= $('#top').height() - 0 && $win.height() + $win.scrollTop() <= $('#top').height() + 0) { 
     console.log("VIEWED BELOW THE FOLD"); 
     mixpanel.track(
      "User Scrolled Below the fold", { 
      "url": window.location.href 
     }); 
    } else if ($win.height() + $win.scrollTop() == $(document).height()) { 
     console.log("USER SCROLLED TO BOTTOM"); 
     mixpanel.track(
      "User Scrolled To Bottom", { 
      "url": window.location.href 
     }); 
    } 
}); 
});

公開賽在開發工具的控制檯來查看事件：USER SCROLLED TO TOP，VIEWED BELOW THE FOLD和USER SCROLLED TO BOTTOM。完整的代碼在這裏，而滾動功能是從行1-26： JSFIDDLE LINK

來源

2015-10-05 Matt

您是否在jsfiddle之外的瀏覽器控制檯中看到任何錯誤？ –

控制檯中沒有錯誤。我注意到'if'和'else if'語句中的代碼也沒有被觸發，顯示/隱藏基於'navigator.userAgent'的div，但它在活動頁面中工作。 – Matt

你確定你在窗口中有一個滾輪，而你沒有把你的內容放入一個可滾動的div內嗎？ – Kinnza

我發現它實際上是一個css問題，在正文中使用overflow-x: hidden;。刪除允許滾動功能觸發。

來源

2015-10-05 18:44:04 Matt

Javascript在JSFiddle中工作但不在頁面上

回答

相關問題