聚合物 – 纸卷轴标题面板无法正常工作

概述HTML文档正文在霓虹动画页面内包含两个独立的纸卷轴标题面板.将霓虹动画页面从第0页切换到第1页后,第1页上的纸张滚动面板无效. http://jsbin.com/winedi/edit?html,output 原因：首次加载时纸卷轴标题面板计算标题高度.然后它只收听铁调整事件.但是霓虹灯动画页面在切换页面时不会触发铁调整大小事件. 从 https://github.com/PolymerElem HTML文档正文在霓虹动画页面内包含两个独立的纸卷轴标题面板.将霓虹动画页面从第0页切换到第1页后,第1页上的纸张滚动面板无效.

http://jsbin.com/winedi/edit?html,output

解决方法 原因：首次加载时纸卷轴标题面板计算标题高度.然后它只收听铁调整事件.但是霓虹灯动画页面在切换页面时不会触发铁调整大小事件.
从 https://github.com/PolymerElements/paper-scroll-header-panel/blob/master/paper-scroll-header-panel.html.行号230

* By default,the height will be measured when it is ready.  If the height       * changes later the user needs to either set this value to reflect the       * new height or invoke `measureheaderHeight()`.

解决方案：我已经通过显式调用第二个paper-scroll-header-panel的measureheaderHeight()方法解决了这个问题.检查这个http://jsbin.com/visazasena/edit?html,output

polymer({  is: "inBox-vIEw",next_page: function() {    document.querySelector("#main-page").selected = 1;  }});

将此更改为

polymer({  is: "inBox-vIEw",next_page: function() {    document.querySelector("#main-page").selected = 1;    document.querySelector("#panel").measureheaderHeight();  }});

总结

以上是内存溢出为你收集整理的聚合物 – 纸卷轴标题面板无法正常工作全部内容，希望文章能够帮你解决聚合物 – 纸卷轴标题面板无法正常工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。