纸张标题-面板-为事件内容分配处理程序-手动滚动

Question

使用聚合物1.1，我不想为paper-header-panel制作自定义元素或模板。如何在滚动事件上分配处理程序?

我试着:

bob = Polymer.dom(document).querySelector('paper-header-panel');
bob.scrollHandler = function() {
  console.log('ssssssss');
} 

To no success。

https://github.com/PolymerElements/paper-header-panel/blob/master/paper-header-panel.html L186

从文档

Polymer({
  is: 'paper-header-panel',
  /**
   * Fired when the content has been scrolled.  `event.detail.target` returns
   * the scrollable element which you can use to access scroll info such as
   * `scrollTop`.
   *
   *     <paper-header-panel on-content-scroll="{{scrollHandler}}">
   *       ...
   *     </paper-header-panel>
   *
   *
   *     scrollHandler: function(event) {
   *       var scroller = event.detail.target;
   *       console.log(scroller.scrollTop);
   *     }
   *
   * @event content-scroll
   */

和

  ready: function() {
    this.scrollHandler = this._scroll.bind(this);
    this._addListener();

Answer 1

如果我正确理解了你的问题，你想在js中订阅事件，就像这样-

ready: function () {
    this.$.panel.addEventListener("content-scroll", function () {
        console.log('ssssssss');
    });
}

但是我不明白为什么你不能像文档中所示的那样做。

---

bob = Polymer.dom(document).querySelector('paper-header-panel');
bob.addEventListener("content-scroll", function () {
    console.log('ssssssss');
}