2015-02-10 2 views
2

remote debug screencastандроид переполнения WebView не может быть отключено

У меня есть локальная страница в андроиде WebView, страница-х html и body и имеет width:100%;height:100%;overflow:hidden; и #result-popup-wrap имеет следующий CSS:

#result-popup-wrap { 
position: absolute; 
left: 0; 
bottom: 0; 
width: 100%; 
height: 245px; 
background: #fbfbfb; 
border-top: 1px solid #dcd9d5; 
-webkit-transform: translateY(100%); 
} 

, но, как вы см., когда я просматриваю нижнюю часть страницы, я могу видеть #result-popup-wrap, который не должен быть видимым.

Любая помощь приветствуется!

ответ

1

Просто для тех, кто страдает той же проблемой.

ADD position:relative<body> тег.

Видимо, это ошибка WebView, как на Android, так и на iOS. На хром версии для ПК страница отображается ОК без body{position:relative;}, но в WebView вы можете прокручивать всю страницу, включая «скрытый» #result-popup-wrap.

click here to see demo, обратить внимания на ВЕРХНИЙ комментарий в CSS

Смежные вопросы