WebView all'interno di ScrollViewer con intestazione dell'elemento XAML

Question

In WebView carico gli elementi HTML con WP 8.1. Ogni volta che il contenuto supera l'altezza di WebView, è possibile scorrere senza problemi. Il mio problema è che ho degli elementi XAML nella parte superiore di WebView, che devono scorrere insieme allo scroll di WebView.

Sourcecode:

<ScrollViewer> 
<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="Auto" /> 
<RowDefinition Height="*"/> 
</Grid.RowDefinitions> 
<Grid VerticalAlignment="Top" > 
<StackPanel x:name="xamlelement" Margin="15 20 0 0"> 
<textblock/> 
    ------- 
    ------- 
    ------- 
</StackPanel> 
</Grid> 
<Grid x:Name="testgrid" Grid.Row="1"> 
<WebView Margin="0 30 0 0" x:Name="msgContent" > 
</WebView> 
</Grid> 
</Grid> 
</ScrollViewer> 

Ogni volta che l'elemento WebView Scrolls "msgContent" Voglio che lo StackPanel "xamlelement" per scorrere insieme al WebView.

Answer 1

Il problema è che possiamo disabilitare webview rotolo da questo 2 passi

1) modificando overhidden in html contenuto caricato al webview

2) modificando altezza webview uguale al contenuto HTML caricata in esso .

Ma poi quando si cerca di muoversi in WebView, i evnets non vengono passati al elemento genitore ScrollViewer

Answer 2

WebView fornisce metodo InvokeScript, che esegue la funzione di script specificato dal HTML attualmente caricata, con argomenti specifici. Quando si verifica l'evento LoadCompleted di WebView, sto richiamando quel JavaScript che disabilita lo scorrimento. Controlla il codice completo indicato di seguito.

string DisableScrollingJs = @"function RemoveScrolling() 
          { 
           var styleElement = document.createElement('style'); 
           var styleText = 'body, html { overflow: hidden; }' 
           var headElements = document.getElementsByTagName('head'); 
           styleElement.type = 'text/css'; 
           if (headElements.length == 1) 
           { 
            headElements[0].appendChild(styleElement); 
           } 
           else if (document.head) 
           { 
            document.head.appendChild(styleElement); 
           } 
           if (styleElement.styleSheet) 
           { 
            styleElement.styleSheet.cssText = styleText; 
           } 
          }"; 

void webView_LoadCompleted(object sender, NavigationEventArgs e) 
{ 
    webView.InvokeScript("eval", new[] { DisableScrollingJs }); 
} 

Da codeproject.