时间戳

首页 > 解决方案 > 如何在 Web 视图中隐藏 xml 元素后删除空间

javascript - 如何在 Web 视图中隐藏 xml 元素后删除空间

问题描述

我正在开发 android 应用程序，但对 css 和 javascript 一无所知。我需要在我的 web 视图中显示一个网页，但它的元素很少被隐藏。我的以下代码运行成功

 @Override
    public void onLoadResource(WebView view, String url) {
        super.onLoadResource(view, url);

      try {
          view.loadUrl("javascript:(function() { " +
                  "document.getElementById('header').style.visibility='collapse';})()");
        /*  view.loadUrl("javascript:(function() { " +
                  "document.getElementById('header').style.visibility='hidden';})()");*/
      }catch (Exception e) {
          e.printStackTrace();
      }
   }

“header”是header的id，它正在被隐藏，但它最初占据的顶部空间仍然存在。那么如何隐藏那个空间。

谢谢 ：）

标签： javascriptandroidwebview

解决方案

用于display:none完全隐藏元素并设置display:block为再次显示。

或者在你的情况下.style.display='none';

如果设置 display:none，它会隐藏整个元素，而 visibility:hidden 意味着元素的内容将不可见，但元素保持其原始位置和大小。

推荐阅读