Javascript 使用JQuery将#mainContainer滚动到聚合物中的元素

我正在使用Polymer“core_scaffold”，我想在#mainContainer（Id）上执行一些jQuery函数。 我尝试使用以下代码

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

有人能告诉我如何在聚合物的#主容器上获得滚动功能吗

---

提前感谢。

首先，使用jQuery没有任何意义。 查看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)

---

问题出在选择器上。主容器位于核心脚手架的阴影中，不能用常规选择器刺穿。但是core scaffold提供了获取可滚动元素的属性。我不太了解jquery，所以我将使用javascript，您可以进行转换

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