滾動#mainContainer到使用JQuery的聚合物中的元素

Question

我正在使用Polymer「core_scaffold」，並且我想在#mainContainer（Id）上執行一些jQuery函數。 我嘗試使用下面的代碼

$('#mainContainer').on('scroll', function() { 
     // custom code 
}); 

任何人都可以讓我知道如何讓滾動功能​​上#mainContainer聚合物？

在此先感謝。

Answer 1

首先，爲此使用jQuery沒有意義。 查看https://github.com/Polymer/core-scaffold/blob/master/core-scaffold.html處的core_scaffold代碼，它看起來有一個「滾動」事件發出。

scroll: function(e) { 
    this.fire('scroll', {target: e.detail.target}, this, false); 
} 

您的ID選擇器可能關閉。只需嘗試：

document.querySelector('[name="core-scaffold"]').addEventListener('scroll', function(event){ console.log(event)}, false) 

Answer 2

問題出在選擇器上。 mainContainer在覈心腳手架的陰影中，不能用常規選擇器刺穿。但核心腳手架提供了獲取可滾動元素的屬性。我不知道jQuery非常好，所以我會使用JavaScript，你可以轉換。

var scroller = document.querySelector('core-scaffold').scroller; 
scroller.onscroll = function (e) { 
    // do something while scrolling 
};