Question

使用Polymer <paper-scroll-header-panel>时，事件'content-scroll'侦听器功能不显示滚动位置：

window.addEventListener('content-scroll', function (ev) {
    console.log('event: content-scroll ' + '\nwindow.scrollY = ' +   window.scrollY );
});

整页代码：https://jsbin.com/hofice/edit?html,console,output 代码是一个示例，链接hrefs <link rel="import" href="../../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">是根据我的应用程序目录结构。

如果Polymer.IronScrollTargetBehavior适用，请使用<paper-scroll-header-panel>帮助您在页面上实施该目标。

我知道window.scrollY在旧IE中不起作用。

Answer 1

我正在做类似纸质标题面板的事情。在paper-header-panel.html中，它在评论中说明了以下内容：

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

我只是浏览了paper-scroll-header-panel.html，它应该做类似的事情。

Polymer <paper-scroll-header-panel>事件'content-scroll'不显示滚动位置

1 个答案: