When a list item is tapped, the button down or hover event is activated - changing the list background to grey color.
But this effect is ugly when the user does not intend to select the list item, but she intends to scroll the page. (see picture. Color of Business hours changes when scrolling )
How can I get rid of the color change when the user is scrolling?
I have tried to invoke javascript on page Scroll event to remove hover classes, for example
code
.ui-page-theme-e .ui-btn:hover, html .ui-bar-e .ui-btn:hover, html .ui-body-e .ui-btn:hover, html body .ui-group-theme-e .ui-btn:hover, html head + body .ui-btn.ui-btn-e:hover
/code
Unfortunately, iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. My javascript is only carried out AFTER the scrolling is finished, which has no use. How else can I solve this problem?
Thanks!
