怎么动态修改WebviewStyles: ，Webview窗口对象的样式

分类：HTML5+

Webview

比如底部距离50px，在需要时候点击修改成底部距离0px，

2017-07-13 14:14 负责人:无分享

2 个回复

LLgg

看一下这一个代码是不是符合你的要求

<!DOCTYPE html>  
<html>  
    <head>  
    <meta charset="utf-8">  
    <meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">  
    <script type="text/javascript">  
        var zxlmweb=null;  
    function plusReady() {  
          zxlmweb=plus.webview.create("http://www.zxlmweb.com/");  //创建一个webview窗口  
          zxlmweb.show();                     //显示webview  
          change("50px");                    //初始化执行一次样式调用函数，窗口距离底部50px  
    }  
    function change(a){                 //webview窗口的样式调用函数  
        zxlmweb.setStyle({top:"60px",bottom:a});          //webview窗口的样式  
        }  

//plus加载完成之后再执行h5 事件  
if(window.plus){  
    plusReady();  
}else{  
    document.addEventListener("plusready",plusReady,false);  
}  
    </script>  
    </head>  
    <body>  
           <div onclick="change('0px')">点击修改窗口底部的距离</div><!--点击改变窗口的底部距离为0px-->  
    </body>  
</html>

这是我的网站，O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb