小编non*_*nnn的帖子
如何在android webview中优化renderspeed
是否有可能提高webview中的渲染速度？使用简单的innerHTML,显示内容需要接近1秒,尽管js渲染需要几毫秒.使用IOS,即使使用性能较低的硬件,完全相同的代码也可以快速而完美地运行.
在Android下测试:2.3,3.2,4.0(Desire HD,Galaxy Nexus,Galaxy Tab)IOS:4,5(iPhone 3gs,4)
感谢任何有用的回应!
推荐指数
解决办法
查看次数
Android Webview(Phonegap):禁用自动更正,自动资本化和自动完成功能不起作用
我的登录页面存在问题,该登录页面加载在Android(Webgap)上的Webview中.我使用autocorrect="off" autocomplete="off" autocapitalize="off"输入字段和表单标签的属性,但它不起作用.设备显示相同的单词,当我输入字母或数字时,内容会上下移动.
有谁知道如何解决这个问题？
干杯
推荐指数
解决办法
查看次数
没有jquery的自定义滚动条
我正在寻找一个没有jquery的自定义滚动条.我不能使用jquery,因为其他东西也是jqueryless并且它针对快速加载进行了优化.
非常感谢与我分享的任何想法.
NONNNNN
推荐指数
解决办法
查看次数
2D Transform Transition 不适用于 IE11 中的 VW 和 VH 单元
当我尝试使用转换为转换 translateY() 设置动画时，IE11 和 10 遇到了一个奇怪的问题。我有一个天空盒，里面的天空高度为 500vh。这个天空必须根据视口中的当前部分上下移动。视口是一个绝对：位置元素，它处理内容等等。
当我现在将天空设置为转换：translateY(-400vh) 时，它可以在除 IE11 和 10 之外的每个浏览器中正常工作。看起来元素在过渡开始时消失，并在过渡完成时出现。
你可以在这个小提琴中找到一个简短的例子：https : //jsfiddle.net/90q394vz/4/
body, html {
height:100%;
width:100%;
overflow:hidden;
}
* { box-sizing:border-box; }
header {
position:fixed;
top:0;
left:0;
width:100%;
background:#fff;
z-index:100;
}
.skybox {
//height: 100%;
z-index: 1;
//width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.skybox .sky {
height: 500vh;
width: 100%;
background: red;
transform: translateY(-400vh);
transition: all 0.8s ease-in-out;
}
.sec1 .skybox .sky {
transform: translateY(-400vh); …推荐指数
解决办法
查看次数
伸缩增长，直到垂直高度居中的特定最大高度（最小高度为100％）
我需要一个最小高度为100vh的容器内的居中框，最小高度为100％，最大高度为600px。到目前为止，这很容易。但在居中的框中，我还有其他3个元素（标题，内容和页脚）。内容部分必须增长，直到达到所有可用空间为止（在这种情况下，这是父级的最大高度减去标题和gg的部分）。
flexbox有可能吗？
这是一个简短的涂鸦：
我也自己尝试过，但是一旦我输入最小高度100％而不是像素div的像素值，就会遇到问题。任何想法我如何可以解决此问题，并可以与最小高度100％一起工作？
* {
box-sizing:border-box;
margin:0;
padding:0;
}
.wrapper {
background: rgba(red, 0.3);
display:flex;
min-height:100vh;
align-items: center;
justify-content:center;
//flex-direction:column;
.wrapper-inner {
padding:20px;
max-width:80%;
min-height:100%;
//max-height: 500px;
background:#fff;
display:flex;
flex-direction:column;
background: rgba(green, 0.2);
}
.item {
width:100%;
min-height:100%;
display:flex;
flex-direction:column;
max-height:600px;
background:#fff;
}
.titel,
.content,
.footer {
padding:10px;
background: rgba(#000, 0.2);
margin-bottom:10px;
}
.content {
flex-grow:1;
}
}<div class="wrapper">
<div class="wrapper-inner">
<div class="item">
<div class="titel">Titel here...</div>
<div class="content">
content goes here. this box has to grow until the …推荐指数
解决办法
查看次数