2017-03-21 6 views
0

私はこれを並べ替えるために一日中働いていましたが、それ以上はありません。私は複数のwebviewsを読み込む電子アプリを持っています。私は、Webビューの1つが完全に読み込まれると、スクロール位置が200ピクセル下に移動するようにしています。webview内のコンテンツの位置を変更する - Electron/Chrome/JS/JQuery

Example here....

私は、しかし、私は以下の持っているものコンソールでエラーなしでは効果がありません、私はこれを行うには、ユーザーのjQueryを持っているだろうと思っているだろう。任意のポインタは素晴らしいことだ、

おかげ


HTML

ヘッド

<head> 
    <script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

WebViewの

<div class="demo"> 
<webview id="wv1" src="https://www.github.com/" style="display:inline-flex; height: 180px; width: 100%; "></webview> 
</div> 

jqueryの

<script> 
$("div.demo").scrollTop(200); 
</script> 

答えて

0

window.onloadはwebviewsではうまく機能していないようです。イベントリスナーは、dom-readyイベントがスクロール命令をWebビューに挿入するのを待ちます。これは、すべてのWebビューで実行する必要があります。 JSファイルにpreload属性を挿入できます。

const webview = document.querySelector('#webviewId') 
webview.addEventListener('dom-ready',() => { 
    webview.executeJavaScript(
    'document.documentElement.scrollTop = document.body.scrollTop = 200;'); 
}) 
+0

それでも私は恐れて、私はあなたがWebViewのが user3236169

+0

JavaScriptをWebビューに挿入するというアイデアがありました。したがって、webviewはウィンドウです。コンソールにエラーメッセージはありますか?投機をおかけして申し訳ありません。多分document.querySelector( '#webviewId')getWebContents()executeJavaScript( '関数(){window.onload = "document.documentElement.scrollTop = document.body.scrollTop = 200;";}()')。。 – toas939

+0

をうん上記とラインの構文エラー:( – user3236169

関連する問題