WinRT - Disable WebView's scrollbar and allow itself scroll able within a ScrollViewer

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">