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

Question

我正在使用Polymer＆＃34; core_scaffold＆＃34;我想在#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代码，看起来有一个＆＃34;滚动＆＃34;事件发生。

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位于核心支架的阴影中，不能用常规选择器穿孔。但是core-scaffold提供了获取可滚动元素的属性。我不太了解jquery所以我将使用javascript你可以转换。

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