Prevent webView scaling #13645
-
|
How to disable the zoom and scroll in webView? I tired touchEnabled, scalesPageToFit, disableContextMenu and overScrollMode. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 6 replies
-
|
I use this in my style: and you can also adjust the content of the webview e.g. with |
Beta Was this translation helpful? Give feedback.
-
|
did you set the overflow and pointerEvents? Scrolling left/right sounds like the content isn't responsive. Depending on the content (local or remote). You can run this: web.addEventListener("load", function(){
web.evalJS('document.querySelector("body").style.overflow = "hidden";')
})It disables scolling but I can still see the "scrollbar" on a longer page. You can try: If you use a local page make sure you have the correct HTML tags so your page will fit into your Webview. |
Beta Was this translation helpful? Give feedback.
-
I disabled every customization of the webView. But if I click on it I can still pull the webView left and right and a small scrollbar appears in the button. view.xml: d3graph.html: |
Beta Was this translation helpful? Give feedback.
-
|
Like I've said: set the correct HTML tags like <meta name="viewport" content="width=device-width, initial-scale=1.0">and the styles I've posted above. If you'll need to test the styles inside the webview you can look at https://fromzerotoapp.com/debugging-webviews/ |
Beta Was this translation helpful? Give feedback.
-
Thx, didn't read the web view article carefully. If I add |
Beta Was this translation helpful? Give feedback.
-
|
That's because the article is very old 😉 I've updated it with screenshots I've did right now and change the URL. It's working and starting fine in my emulator and phone. |
Beta Was this translation helpful? Give feedback.
I use this in my style:
and you can also adjust the content of the webview e.g. with
overflow:noneorpointerEvents:noneif you like