I have a page with a WebView and some long content under the WebView, so I need
1. disable the WebView's scrollbar
async void webView_NavigationCompleted(WebView sender, WebViewNavigationCompletedEventArgs args)
{
string SetBodyOverFlowHiddenString =
@"function SetBodyOverFlowHidden()
{
document.body.style.overflow ='hidden';
return 'Set Style to hidden';
}
// now call the function!
SetBodyOverFlowHidden();";
await webView.InvokeScriptAsync("eval", new[] { SetBodyOverFlowHiddenString });
}
reference: http://blogs.msdn.com/b/ashish/archive/2014/09/17/universal-windows-app-how-to-disable-scroll-in-webview.aspx
2. above code can disable the scrollbar of WebView, but put this WebView in a ScrollViewer, it doesn't response the swipe up/down. So a workaround is to put a transparent grid on top of the WebView, thus the grid can respond the touch to scroll up/down
<WebView Grid.Row="2" x:Name="webView" MinHeight="300" IsHitTestVisible="True" FlowDirection="RightToLeft"
localViews:WebViewEx.Html="{Binding NewsItem.ArHeadLine}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0,12"/>
<Grid Grid.Row="2" Background="Transparent">