Paper-scroll-title-bar does not work

Question

The body of an HTML document contains two independents paper-scroll-header-panelinside a neon-animated-page. After switching neon-animated-pagefrom page 0 to page 1, paper-scroll-panelpage 1 does not work.

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

Answer 1

Reason: The paper-scroll title bar on the first boot calculates the height of the title. Then it only listens for the resize event. But neon animated pages do not trigger the iron resize event when switching pages. From https://github.com/PolymerElements/paper-scroll-header-panel/blob/master/paper-scroll-header-panel.html . line number 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()`.

Decision. I solved this problem by explicitly calling the measureHeaderHeight () method of the second scroll-paper title bar. check out http://jsbin.com/visazasena/edit?html,output

Polymer({
  is: "inbox-view",

  next_page: function() {
    document.querySelector("#main-page").selected = 1;
  }

});

Change it to

Polymer({
  is: "inbox-view",

  next_page: function() {
    document.querySelector("#main-page").selected = 1;
    document.querySelector("#panel").measureHeaderHeight();

  }
});