neave/touch-scroll — Issue #35: Touch Scroll does not scroll all the way to the bottom content
Author: josereyes2002
Created: 2011-10-25 22:06:05+00:00
State: open

Hi there! I have an issue that I cannot for the file of me fix. I will try to explain it as best I can.

I placed the touch scrollable area within a div with a specific height and width. This way the user can scroll content within that container - works like a charm (at times). I am referring to the the iPad, in horizontal view specifically. When the user logs on to the site with this feature on the iPad in horizontal view, the user cannot go all the way to the bottom content within the scrollable area. For example, if the page has a list of items 1-20 within the scrollable area, they can only get up to number 18 for example, and cannot get to numbers 19 and 20. After looking into the matter in depth even further, I noticed why it was doing that. According to your example, the scrollable div, is a child and the parent is fixed. Unfortunately with the layout I am using, it is impossible to "fix" the parent div. So what is happening is that when the user flicks the content, they may inadvertently touch the parent div. If the user happens to touch the parent div - they grab it and shift everything up or down depending on the direction their finger happens to move. So when the user flicks through the scrollable area - they can't get to either the beginning nor the end of the content. Another thing I noticed as well. I have images within the scrollable content. I don't know why, but they are grabbing the content as well, as if they were the parent div, and shifting everything. The result is that the user, cannot get to the bottom, or the top of the content. Now, when the shifting is happening, it does not affect the layout of the site, so it is not noticeable until the user tries to get to the beginning or the end. I have been at this for over a week, and I am running out of options. I need some help please!!