Android (Chrome) WebView - Javascript - элементы HTML с горизонтальными полосами прокрутки для переполненияX - PullRequest
0 голосов
/ 22 декабря 2018

В моем Android-приложении есть WebView (минимальный уровень API SDK 19 - Kitkat), который отображает HTML-файл с текстом и другими элементами.Он также внедряет код JavaScript.

Я вижу, что многие элементы, несмотря на присваиваемые им настройки overflowX, по-прежнему вызывают переполнение document.body.

Мне удалось настроить тело, чтобы оно не было переполнено., в то время как элементы должны иметь значение «scroll» для overflowX, чтобы пользователь мог видеть их полностью.

document.body.style.width=window.innerWidth+"px";
document.body.style.maxWidth=window.innerWidth+"px";
document.body.style.overflowX="hidden";
var all = document.body.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) 
{ 
all[i].style.overflowX="scroll";
}

Например, есть некоторые элементы

<pre>

.

Они прокручиваются по горизонтали, но горизонтальная полоса прокрутки не отображается, поэтому пользователь не может узнать, находится ли еще содержимое справа.

Я попробовал настройки полосы прокрутки в WebView, но ничего не изменилось.

Как я могу заставить горизонтальную полосу прокрутки отображаться на этих элементах, если указано, что параметр overflowX = 'scroll' (или 'auto') игнорируется?

Ответы [ 2 ]

0 голосов
/ 22 декабря 2018

Попробуйте этот код на своем экземпляре веб-просмотра.

webView.getSettings (). SetUseWideViewPort (true);webView.getSettings (). setLoadWithOverviewMode (true)

0 голосов
/ 22 декабря 2018

Попробуйте overflowX = 'auto' Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...