How to do section headers like in the weather and finance apps RRS feed

  • Question

  • I very much like how the section headers such as "Bing Weather" fades out when this section is scrolled off the screen and the "Hourly Forecast" header takes its place. The finanace app does the same thing. Is there a simple/built-in way of doint this in my own app, or does this require custom CSS magic?

    Thursday, August 16, 2012 8:23 AM


  • Those apps are going quite a bit of custom work for that effect--there's nothing built into the system that directly supports it. I haven't seen the code, but from looking at how it behaves, it's likely using an overlay div for the non-scrolling header and watching the scroll position of the pannable area, and when they collide it fades out the first, moves the panning one in, then updates the non-scrolling header text and makes it visible again. Something like that.


    Thursday, August 16, 2012 3:10 PM