Search code examples
iphoneuiwebviewwebviewtitaniumdropshadow

Titanium webviews - remove the native iPhone scroll-limit dropshadow


When scrolling a webview in Titanium for iPhone, some ugly dropshadows appear to define the limits of the content. These are the native shadows you also get when scrolling to the ends of a page in mobile safari.

See: http://bit.ly/dh11Gx

Would anyone know of a simple way to remove these from within Titanium, or possibly directly within the html?

Thanks!


Solution

  • Was able to actually fix this by placing the webview within another element - tableview or view, and giving the webview a fixed height that was equal or less than that of the enclosing element.

    eg. webview = 200px high

    tableviewrow = 200px high

    tableviewrow.add(webview);