0705解决 ios input fixed置底 获取焦点或切换输入法时被法挡住的BUG阅读(9655)条2018/7/5 11:53:20

一、概述：项目中有一个置底发布评论的效果,安卓没有发现问题，但是IOS出现了被输入法挡住的问题。搜索了下这个BUG，很多人都有在问这个问题。二、解决思路：有去尝试了一些测试，但有些是只能在弹出时滚动到底部，切换输入法还是有问题。所以我对此方法做了一个调整，IOS中需要点击才能获取焦点，接着我就对input点击事件着手。1、点击input时科开启定时器自动滚动到底部，防止切换输入法导致被挡住。2、input失去焦点时清除定时器。三、实例源代码：(测...阅读全文

Taget：bug ios input 

0327input文字超出宽度用省略号显示阅读(16002)条2018/3/27 13:45:34

有的时候的某段文本太长了，会影响整个的布局，很多人用动态语言来解决这个问题，但必须区分中文和英文，因为中文相当于两个英文字符长度，这样不仅繁琐，而且加重了服务器的负担。其实，我们完全可以使用CSS完美解决这个问题，单行比较好解决，多行由于只兼容webkit内核的浏览器所在不在这里讨论。语法：text-overflow : clip | ellipsis参数：clip : 　不显示省略标记（...），而是简单的裁切（clip这个参数是不常用的！）ellipsis : 　当对象内文本溢...阅读全文

Taget：css ellipsis 裁剪 

0228解决input 属性为 number，maxlength无效情况阅读(16728)条2017/2/28 14:14:21

移动端在使用input数字number类型的时候maxlength竟然无效，因为是手机号码限止11位数字输入。<input type="text"  maxlength="11" />   效果ok，当 <input type="number"  maxlength="11" />时maxlength失效，长度可以无限输入。 解放方案：<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />...阅读全文

Taget：input number maxlength bug 

0111解决ios 微信 input 获取焦点时fixed失效阅读(15030)条2017/1/11 11:33:07

一、概述做微信页面经常会碰到IOS与Android不兼容性问题，例如顶部置顶搜索框，IOS 获取焦点有软键盘唤起的情况下fixed置顶无效，而是变成了absolute跟随页面可以滚动，Android则没有任何问题，在ios8以下系统，当小键盘激活时，都会出现位置浮动问题的bug，所以暂时只能自己Fixed。先说明我本身的使用情况。方法1：本来可以用absolute（定位）来解决，但是我的页面是有下拉加载新数据，依靠body的scroll事件来触，因为用了定义并不能触发。所以我在此...阅读全文

Taget：ios fixed input bug 

0522解决input file按钮要点击两次才弹出选择文件窗口阅读(22110)条2015/5/22 14:14:41

相信很多人都碰到过这个问题，文件上传控件透明后有的要点击两次才能弹出选择文件窗口，这里将将介绍如何避免要双击，只需要单击是可以实现的。 本来一直无心留意这个图片上传file按钮的BUG，因为有时候为了效果好看有时候我们要做点什么比如隐藏input模拟点击。FF可以chrome也可 以，唯独IE不行，报安全错误。所以还是得找方法解决，最终在某网站找到了，只是把input按钮的透明度改为0然后定位到最顶层，虽然透明，不表示没 有，这样点击上传时不...阅读全文

Taget：input 上传 bug 

0813css之input hover,focus伪类特效阅读(22965)条2014/8/13 9:08:21

记得以前为了兼容ie6,ie7等低版本不支持css伪类，不得不用JS去做效果。现在IE6，7使用的人越来越少了，我们是时候应该抛弃它们了（使用JS控制文本框特效）。CSS伪类可以很好的做到这点只需要几行代码就可以了。而且是全局性的，不需要每个文本框跟按钮去添加样式。一劳永逸，够爽的吧。下面就开始介绍。IE6 IE7 IE8(Q) 不支持如”:focus,:hover”等伪类特效，所以我们的特效是基于支持伪类的浏览器中才能看到的特效。支持键盘控制一样可...阅读全文

Taget：css 伪类 focus 特效