I have a hybrid iOS application, which is essentially a uiwebview that downloads HTML from our server. There is a fixed position, a top panel of a fixed position, a tab bar with a fixed position and a scrollable / draggable part of the average content with content loaded via AJAX. However, sometimes a single-pixel gray line (# 838383) appears at the bottom of the middle content section when you view the borders of the content, i.e. Elastic scrolling. However, this is not consistent. In some tabs of the application, it does not appear at all, and I cannot understand what makes it appear or in some cases does not appear. I searched all server-side CSS and HTML for "838383" but nothing worked.
Normal condition:
normal condition http://msr-cf.matt.re/lio-app-line3.jpg
The elastic scroll shows a gray line:
scrolling with a gray line http://msr-cf.matt.re/lio-app-line.jpg
Elastic scrolling on another page does not have a gray line:
scrolling in another tab does not have a gray line http://msr-cf.matt.re/lio-app-line2.jpg
Has anyone experienced this before, knows why this is happening, or has a solution?
source
share