![]() ![]() I’ve struggled with this for a while now and can’t seem to figure it out. Javascript listens for scroll events and the elements position in the document, and once the math adds up you add a. Any idea on this would be greatly appreciated. I tried to get just the parts that are relevant to the problem. This is a pared down code from a site in development. Then the yellow boxes obey the z-index that is set for them. I would try not to use position absolute because based on. In newer versions of Android and iOS you can use -webkit-overflow-scrolling: touch to help but that won't do anything for older phones. So using nested divs or position:absolute could keep you from getting the faster scroll speed. You should see the off screen content come into view, BUT the yellow boxes that were off screen are no longer below the black box - until they scrolling has come to a complete stop. Mobile browsers accelerate page scrolling on the body. Now to see the problem, swipe horizontally across the black squares. Here’s a jsfiddle link: (You will need to scroll horizontally to see the whole page). I don’t remember this being a problem with iOS 5. When an element with the position: absolute style is placed into a container with the -webkit-overflow-scrolling: touch style, this element: - Is. Value not found in DB Values auto Use 'regular' scrolling, where the content immediately ceases to scroll when you remove your finger from the touchscreen. This seemed to start with iOS6 on the iPad 2. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for the given element. It looks like the position:fixed element is slightly scrolled and then. ![]() The problem is that z-index is being ignored on elements some elements. In short, a position:fixed element inside the -webkit-overflow-scrolling:touch container jumps and flickers when scrolling. I have a div the has overflow: hidden and -webkit-overflow-scrolling: touch.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |