I started working on a mobile app for my site, and it's working pretty good so far, but I have a problem with the animations.
What i've got (you can see it at http://zifimusic.com/v2/mobile), the page gets a list of concerts which is scrollable. clicking a result will slide the list over and show the selection you made. That all works well, and keeps things in position so you return to the same spot you left in the list. However, I was hoping for a way to find the relative position of the selected element in the list. Currently I get the position you clicked, and apply that as the css position to the new focused element. However. that means if you click on an item which is low on your screen, the focused element stays low on the screen. I don't want the selected element at the top of the page, but I do want it at the top of the visible window. So that it is the focus of the screen when the user clicks it. Any idea how to make this happen? Thanks Pete