在自定義元素上檢測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',        
  },

僅當用戶滾動id為your__element__id的子元素時，此代碼才會觸發Polymer元素上的_userDidScrollSpecificElement函數。

有關事件的更多信息，您可以檢查“ 聚合物事件”頁面 。