Question

使用聚合物1.1，我不想为centerNode = SCNNode(geometry: geom) centerNode.transform = SCNMatrix4Identity scene.rootNode.addChildNode(centerNode) // create and add a camera to the scene cameraNode = SCNNode() cameraNode.camera = SCNCamera() scene.rootNode.addChildNode(cameraNode) // place the camera cameraNode.position = SCNVector3(x: 0, y: 0, z: 8*32) cameraNode.pivot = SCNMatrix4MakeTranslation(0, 0, -8*32) let lookAt = SCNLookAtConstraint(target: centerNode) lookAt.gimbalLockEnabled = true cameraNode.constraints = [lookAt] cameraNode.transform = SCNMatrix4Identity //In gesture cameraNode.transform = SCNMatrix4Rotate(cameraNode.transform, amount, upDown, leftRight, 0)制作自定义元素或模板。如何在scroll事件上分配处理程序？

我试过了：

paper-header-panel

没有成功。

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

来自文档

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

和

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
   */

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');
}

paper-header-panel - 为事件内容分配处理程序 - 手动滚动

1 个答案: