检测自定义元素上的onscroll事件

Question

我在Polymer中编写了自定义元素。该元素有很多子元素。我想检测元素的滚动事件，这样我就可以将一些内容延迟到其中。有可能吗？

Answer 1

尝试：

HTML：

<CUSTOMELEMENT onscroll="scrollHandler">

  ...child elements here...

</CUSTOMELEMENT>

JS：

function scrollHandler(){
    console.log("scrolled!");
}

Answer 2

看看聚合物的这个元素是否对你有用，https://www.polymer-project.org/docs/elements/core-elements.html#core-scroll-threshold在任何情况下，如果没有你正在使用的代码的示例，很难确切地知道发生了什么，Jsbin也可能很棒

Answer 3

您可以向元素添加滚动事件侦听器：

listeners: {
    'scroll': '_userDidScrollFullElement',        
  },

当用户滚动时，此代码将触发Polymer元素上的函数_userDidScrollFullElement。

如果您想要更具体，并且只想在用户滚动子元素时触发该功能，您可以执行以下操作：

listeners: {
    'your__element__id.scroll': '_userDidScrollSpecificElement',        
  },

仅当用户滚动标识为_userDidScrollSpecificElement的子元素时，此代码才会触发Polymer元素上的函数your__element__id。

有关活动的更多信息，您可以查看Polymer Events page。