How to scroll the contents of a <webview> tag using JavaScript?

Question

• atom-shell: https://github.com/atom/atom-shell
• version: v0.20.2

I use a tag <webview>to embed a page. <webview>It has shadow-root, which has one tag <object id="browser-plugin-1 ...>. So I tried to set the value scrollTopfor this tag like this.

var webView = document.getElementById('webview tag id');
var elm = webView.shadowRoot.firstChild; // elm is object tag
console.log(elm.scrollTop);  // 0
elm.scrollTop = 100;
console.log(elm.scrollTop);  // 0

But nothing happened ...
Is it possible to control the scroll position of the tag <webview>outside?

Answer 1

Yes, do this instead:

var webView = document.getElementById('webview tag id');
webView.executeJavaScript("document.querySelector('body:first-child').scrollTop=100");

Answer 2

javascript WebView.executeJavaScript(code), WebView.

, WebView, javascript.

var webView = document.getElementById('webView');
webView.addEventListener('did-finish-load', scrollElement );

function scrollElement(){
    var code = "var elm = document.querySelector('body:first-child'); elm.scrollTop = 100;";
    webView.executeJavaScript(code);
}

. , .

( - AtomShell)