请问一下textarea里为什么分不了行？

来源：蜘蛛抓取(WebSpider) 时间：2022-10-08 18:33 标签： choose encoding

参考答案及资源在发布，如果大家想领取资源以及查看答案，可直接前去购买。
一次购买永久可看，文档长期更新！
有什么意见与建议欢迎您及时联系作者或留言回复！

本文是关注微信小程序的开发和面试问题，
由基础到困难循序渐进，
适合面试和开发小程序。
并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码
并基于前端进阶和面试的需求 总结了常用插件和js算法

对于本文档有什么意见和建议请及时联系作者。（添加群主微信luo-yueming进群） 

生命周期函数面试题
1.什么是 vue 生命周期
2.vue生命周期的作用是什么
3.第一次页面加载会触发哪几个钩子
4.简述每个周期具体适合哪些场景
5.created和mounted的区别
6.vue获取数据在哪个周期函数
7.请详细说下你对vue生命周期的理解？
vue路由面试题
1.mvvm 框架是什么？
2.vue-router 是什么?它有哪些组件
3.active-class 是哪个组件的属性？
4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值
5.vue-router 有哪几种导航钩子?
6.$route 和 $router 的区别
7.vue-router响应路由参数的变化
8.vue-router传参
9.vue-router的两种模式
10.vue-router实现路由懒加载（ 动态加载路由 ）
vue常见面试题
1.vue优点
2.vue父组件向子组件传递数据？
3.子组件像父组件传递事件
4.v-show和v-if指令的共同点和不同点
5.如何让CSS只在当前组件中起作用
6.<keep-alive></keep-alive>的作用是什么?
7.如何获取dom
8.说出几种vue当中的指令和它的用法？
9. vue-loader是什么？使用它的用途有哪些？
10.为什么使用key
11.axios及安装
12.axios解决跨域
13.v-modal的使用
14.scss的安装以及使用
15. 请说出vue.cli项目中src目录每个文件夹和文件的用法？
16.分别简述computed和watch的使用场景
17.v-on可以监听多个方法吗
18.$nextTick的使用
19.vue组件中data为什么必须是一个函数
20.vue事件对象的使用
21 组件间的通信
22.渐进式框架的理解
23.Vue中双向数据绑定是如何实现的
24.单页面应用和多页面应用区别及优缺点
25.vue中过滤器有什么作用及详解
26.v-if和v-for的优先级
27.assets和static的区别
28.列举常用的指令
29.vue常用的修饰符
30.数组更新检测
31.Vue.set视图更新
32.自定义指令详解
33.vue的两个核心点
34.vue和jQuery的区别
35 引进组件的步骤
36.Vue-cli打包命令是什么？打包后悔导致路径问题，应该在哪里修改
37.三大框架的对比
38. 跨组件双向数据绑定
39.delete和Vue.delete删除数组的区别
40.SPA首屏加载慢如何解决
41.Vue-router跳转和location.href有什么区别
42. vue slot
43.你们vue项目是打包了一个js文件，一个css文件，还是有多个文件？
44.vue遇到的坑，如何解决的？
45.Vue里面router-link在电脑上有用，在安卓上没反应怎么解决？
46.Vue2中注册在router-link上事件无效解决方法
47.RouterLink在IE和Firefox中不起作用（路由不跳转）的问题
48.axios的特点有哪些
49.请说下封装 vue 组件的过程？ 50.vue 各种组件通信方法（父子 子父 兄弟 爷孙 毫无关系的组件） 51.params和query的区别 52. vue mock数据　　53 vue封装通用组件　　54.vue初始化页面闪动问题　　55.vue禁止弹窗后的屏幕滚动　　56.vue更新数组时触发视图更新的方法　　57.vue常用的UI组件库　　58. vue如何引进本地背景图片　　59. vue如何引进sass　　60.vue修改打包后静态资源路径的修改
vue项目实战
1.顶部悬停效果
2.电话本列表效果（ 右边字母分类 上下滑动 旁边字母显示高亮）
3.vue做代理
4.Vue路由切换时的左滑和右滑效果示例
86.正则表达式常见面试题
1.给一个连字符串例如：get-element-by-id转化成驼峰形式。
2.匹配二进制数字
3.非零的十进制数字 (有至少一位数字, 但是不能以0开头)
4.匹配一年中的12个月
5.匹配qq号最长为13为
6.匹配常见的固定电话号码
7.匹配ip地址
8.匹配用尖括号括起来的以a开头的字符串
9.分割数字每三个以一个逗号划分
10.判断字符串是否包含数字
11.判断电话号码
12.判断是否符合指定格式
13.判断是否符合USD格式
14.JS实现千位分隔符
15.获取 url 参数
16.验证邮箱
17.验证身份证号码
18.匹配汉字
19.去除首尾的'/'
20.判断日期格式是否符合 ''的形式，简单判断，只判断格式
21.判断日期格式是否符合 ''的形式，严格判断（比较复杂）
22.IPv4地址正则
23.十六进制颜色正则
24.车牌号正则
25.过滤HTML标签
26.密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符
27.URL正则
28.匹配浮点数
1.什么是盒模型
2.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？
3.简述src和href的区别
4.什么是css Hack
5.什么叫优雅降级和渐进增强
6.px和em的区别
7.HTML5 为什么只写<!DOCTYPE HTML>
8.Http的状态码有哪些
9.一次完整的HTTP事务是怎么一个过程
10.HTTPS是如何实现加密
11.浏览器是如何渲染页面的
12.浏览器的内核有哪些？分别有什么代表的浏览器
13.页面导入时，使用link和@import有什么区别
14.如何优化图像，图像格式的区别
15.列举你了解Html5. Css3 新特性
16.可以通过哪些方法优化css3 animation渲染
17.列举几个前端性能方面的优化
18.如何实现同一个浏览器多个标签页之间的通信
19.浏览器的存储技术有哪些
20.css定位方式
21.尽可能多的写出浏览器兼容性问题
22.垂直上下居中的方法
23.响应式布局原理
25.清除浮动的方法
26.http协议和tcp协议
27.刷新页面，js请求一般会有哪些地方有缓存处理
28.如何对网站的文件和资源进行优化
29.你对网页标准和W3C重要性的理解
30.Http和https的区别
31.data-属性的作用
32.如何让Chrome浏览器显示小于12px的文字
33.哪些操作会引起页面回流（Reflow）
34.CSS预处理器的比较less sass
35.如何实现页面每次打开时清除本页缓存
36.什么是Virtual DOM,为何要用Virtual DOM
37.伪元素和伪类的区别
38.http的几种请求方法和区别
39.前端需要注意哪些SEO
40.<img>的title和alt有什么区别
41.从浏览器地址栏输入url到显示页面的步骤
42.如何进行网站性能优化
43.语义化的理解
44.HTML5的离线储存怎么使用，工作原理能不能解释一下？
45.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
46.iframe有那些缺点？
47.WEB标准以及W3C标准是什么?
48.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
49.HTML全局属性(global attribute)有哪些
50.Canvas和SVG有什么区别？
51.如何在页面上实现一个圆形的可点击区域？
52.网页验证码是干嘛的，是为了解决什么安全问题
53.请描述一下 cookies，sessionStorage 和 localStorage 的区别？54. CSS选择器有哪些？哪些属性可以继承？
55.CSS优先级算法如何计算？
56.CSS3有哪些新特性？
57.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？
58.用纯CSS创建一个三角形的原理是什么？
59.常见的兼容性问题？
60.为什么要初始化CSS样式
61.absolute的containing block计算方式跟正常流有什么不同？
62.CSS里的visibility属性有个collapse属性值？在不同浏览器下以后什么区别？
63.display:none与visibility：hidden的区别？
64.position跟display、overflow、float这些特性相互叠加后会怎么样？
65.对BFC规范(块级格式化上下文：block formatting context)的理解？
66.为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？
67.上下margin重合的问题
68. 设置元素浮动后，该元素的display值是多少？
69.移动端的布局用过媒体查询吗？
70.CSS优化、提高性能的方法有哪些？
71.浏览器是怎样解析CSS选择器的？
72.在网页中的应该使用奇数还是偶数的字体？为什么呢？
73.margin和padding分别适合什么场景使用？
74.元素竖向的百分比设定是相对于容器的高度吗？
75.全屏滚动的原理是什么？用到了CSS的哪些属性？
76.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
77. 视差滚动效果？
78.::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用
79.让页面里的字体变清晰，变细用CSS怎么做？
80. position:fixed;在android下无效怎么处理？
81.如果需要手动写动画，你认为最小时间间隔是多久，为什么？
82.li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
83.display:inline-block 什么时候会显示间隙？
84. 有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度
85.png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
86.style标签写在body后与body前有什么区别？
87.CSS属性overflow属性定义溢出元素内容区的内容会如何处理?
88.阐述一下CSS Sprites
89. 一行或多行文本超出隐藏
初识小程序
1.注册小程序
2.微信开发者工具
3.小程序与普通网页开发的区别
4.小程序尺寸单位rpx
5.样式导入（WeUI for）
6.选择器
7.小程序image高度自适应及裁剪问题
8.微信小程序长按识别二维码
9.给页面加背景色
10.微信小程序获取用户信息
11.代码审核和发布
12.小程序微信认证
13.小程序申请微信支付
14.小程序的目录解构及四种文件类型
15.小程序文件的作用域
16.小程序常用组件
1.view
2.scroll-view
3.swiper组件
4.movable-view
5.cover-view
6.cover-image
小程序基础
17.授权得到用户信息
18.数据绑定
19.列表渲染
20.条件渲染
21.公共模板建立
22.事件及事件绑定
23.引用
24.页面跳转
1.wx.switchTab
2.wx.reLaunch
3.wx.redirectTo
4.wx.navigateTo
5.wx.navigateBack
25.设置tabBar
26.页面生命周期
27.转发分享
小程序高级
28.request请求后台接口
29.http-promise 封装
30.webview
31.获取用户收货地址
32.获取地里位置
33.自定义组件
34.微信小程序支付问题
小程序项目实战
35.微信小程序本地数据缓存
36.下拉刷新和下拉加载
37.列表页向详情页跳转（动态修改title）
38.客服电话
39.星级评分组件
40.小程序插槽的使用slot
41.模糊查询
42.wxs过滤
43.小程序动画
44.列表根据索引值渲染
45.小程序动态修改class
46.小程序常用框架
47.参数传值的方法
48.提高小程序的应用速度
49.微信小程序的优劣势
50.小程序的双向绑定和vue的区别
51.微信小程序给按钮添加动画
52.微信小程序的tab按钮的转换
53.微信小程序引进echarts
54.APP打开小程序流程
55.小程序解析富文本编辑器
 
1.1px border问题
2.2X图 3X图适配
3.图片在安卓上，有些设备模糊问题
4.固定定位布局 键盘挡住输入框内容
5.click的300ms延迟问题和点击穿透问题
6.phone及ipad下输入框默认内阴影
7.防止手机中页面放大和缩小
8.flex布局
9.px、em、rem、%、vw、vh、vm这些单位的区别
10. 移动端适配- dpr浅析
11.移动端扩展点击区域
12. 上下拉动滚动条时卡顿、慢
13. 长时间按住页面出现闪退
14. ios和android下触摸元素时出现半透明灰色遮罩
15. active兼容处理 即 伪类：active失效
16.webkit mask兼容处理
17. pc端与移动端字体大小的问题
18. transiton闪屏
19.圆角bug
20.如何解决禁用表单后移动端样式不统一问题？
 
 a.轮播图
b.城市插件
c.文字滑动
d.手风琴
e.视频播放
f.弹层插件
g.百度编辑器
h.Ace编辑器
i.上传图片（上传头像）
j.页面加载效果插件（滑倒可视区域展现的动画效果）
k.全选、反全选各种效果
l.京东楼层效果
m.懒加载
 
a.数组去重
b.冒泡排序
c.快速排序
d.递归
a.数组输出A[i]i
b.二进制求1位有多少
c.快速求最大值最小值
d.reduce累加器
e.快速反转
f.数组旋转
g.二分查找
h.高阶函数接收
i.冒泡排序（高级）
j. 保留前三位和后四位字符（手机号中间号的格式）

　　1、作用：最初创建表格是为了以表格的形式 显示数据；后来变成布局工具；

　　　　但从css出现后，表格用来表示格式 化的数据；

定义表格，就是一个四方的盒子，可以嵌套
行标签要再table标签内部才有意义，几行嵌套几个
单元格标签里面可以放任何东西，写在tr里，相当于列
位于表格的第一行或第一列，也是单元格，默认居中加粗
表格的标题，紧随 table 标签之后，居中且显示于表格之上，
规定表格相对于周围元素的对齐方式
规定表格单元是否设置边框，默认没有
规定单元边沿与内容间的空白，默认1px
规定单元格之间的空白，默认2px

　　案例1：小说排行榜

　　1、先制作表格的结构：

  • 第一行里面是 th 表头单元格

  • 第二行开始里面是 td 普通单元格

  • 单元格里面可以放任何元素,文字链接图片等

　　2、后书写表格属性：

  • 表格浏览器中对齐 align

　　1、作用：用作比较复杂的表格布局，便于分清表格结构；

定义表格头部，存放标题；
定义表格主体，存放数据；
定义表格底部，存放脚注；

  • 表格的列数以td最多的那行为准；表格可以嵌套，可以在td中再嵌套；

  • 子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素；

　　1、合并单元格三部曲:

　　2、合并单元格顺序：先上 后下 先左 后右 的顺序 ;

如table和td默认有一个距离
可选值collapse/separate 边框合并/不合并，合并后间距自动失效

　　1、表格隔行变色：

　　2、鼠标移入变色：

　　表格是用来显示数据的，那么列表就是用来布局的。

　　列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。

　　根据使用情景，列表可以分为三大类：无序列表、有序列表和自定义列表。

里面只能包含<li>，没有顺序，使用较多，<li>里面可以包含任何标签
里面只能包含<li>，有顺序，使用较少，<li>里面可以包含任何标签

　　1、无序列表的各个列表项之间没有顺序级别之分，是并列的。

　　2、应用场景：简洁的小标题，常用于导航栏nav；

　　4、type属性可选值：

　　（1）disc（实心圆）（2）circle（空心圆）（3）square（实心方框）

  • 项目列表一般都不使用默认的实心圆标记！因为他在不同浏览器显示效果不一样，所以一般都用css先进行删除实心圆；

  • 如果需要设置项目符号，可以采用为 <li> 设置背景图片的方式来设置；

　　1、有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，使用有序符号作为项目符号；

　　所有特性基本与ul 一致。 但是实际中比 无序列表 用的少很多。

　3、type属性可选值：

　　1、作用：常用于对术语或名词进行解释和描述，列表项前没有任何项目符号。

　　2、使用场景：上面一个小标题，下面很多围绕小标题进行说明的，常用于网页底部 联系方式；

　　　　定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

  • 现实中的表单是用来提交信息的，如申请表、简历等；

  • 网页中表单的作用就是将用户信息收集然后提交给服务器的；比如：百度的搜索框、注册页面、登录这些操作都需要提交表单；

  • 在搜索框填入关键字，点击搜索，关键字会提交到百度服务器，服务器根据用户输入的关键字检索，返回相应信息；

　　　<form>创建的仅是一个空的表单，还需要填入不同的表单项才可完整，一个表单中可以包含多个表单项；而我们提交表单时是提交到action属性对应的地址，若想提交到服务器创建name属性；

　　HTML 中，一个完整的表单通常由 表单域、表单控件（也称为表单元素）和 提示信息3个部分构成；

相当于一个容器，用来容纳所有的表单控件和提示信息，处理程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等
一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作

　　1、作用：表单域是指包含表单元素的区域，在表单域中可以定义各种表单元素；

　　2、目的：在 HTML 标签中， <form>标签用于定义表单域，以实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器。

用于指定接收并处理表单数据的服务器程序的url地址。
用于设置表单数据的提交方式，其取值为get或post。
用于指定表单的名称，以区分同一个页面中的多个表单。

5.3 表单控件（表单元素）

　　表单控件就是允许用户在表单中输入或者选择的内容控件，分为以下几类：

　　这三组表单元素都应该包含在<form>表单域里面,并且有 name 属性。

　　　　`<input>`标签用于收集用户信息，根据不同的 type 属性值来指定不同的控件类型，
　　　　输入字段拥有很多种形式（可以是文本 字段、复选框、掩码后的文本控件、单选按钮、按钮等）。

用来指定不同的控件类型
表单里面默认显示的文本
页面中的表单很多，name主要作用就是用于区别不同的表单。
表示那个单选或者复选按钮一开始就被选中了

　　（1）type属性

定义单行输入字段，用户可以在其中输入文本，默认20个字符
定义提交按钮，将表单数据发送到服务器
定义可点击按钮，不提交，（多数情况下，用于js启动脚本）
定义重置按钮，清除表单所有数据
定义密码字段，该字段中的字符被掩码
定义输入字段和“浏览”按钮，供文件上传
定义图像形式的提交按钮

　　这是一个内联元素，使用<input>创建一个文本框，点回车提交；那么需添加回车按钮；目前只提交到了地址action的url，并非服务器，若想提交到服务器，需要添加一个name属性，表示提交内容的名字；也可以指定value属性值，该值将会作为文本框的默认值显示；

　　可以将input表单中的信息提交给服务器；使用input创建一个提交按钮，按钮文字默认，value属性可以指定提交按钮上的文字；

　　用户提交的信息会附在url地址的后边，以查询字符串的形式发送给服务器；url地址？查询字符串

  • name 属性 是每个表单元素都有的属性值,主要给后台人员使用；

  • name属性是当前 input 元素的名字，后台可以通过 name 属性找到这个表单。页面中的表单很多，name 的主要作用就是用于区别不同的表单；

  • 如果希望表单项中的数据会提交到服务器中，还必须给表单项指定一个name属性；

  • 设置复选框或多选时，需要设置相同的name值；

value 默认的文本值，占位；

  • 主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素。

  • 如果希望在单选按钮或者多选框中设置默认选中，check="checked"

　　是用户可以在表单元素输入的最大字符数, 一般较少使用.

<!-- 像这种直接需要用户选择，而不需要填写内容的表单项，还必需指定一个value属性，最终提交给服务器,想要提交服务器必须写name属性 -->

  • 因为既有开始又有结束，成对出现，更加灵活，可以在中间添加图片；

  • button 按钮只能作为点击的按钮，不会提交到服务器；

　　　　页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用<select>下拉列表；

  • 当为下拉列表添加一个multiple="multiple"则下拉列表变成一个多选的下拉列表；

　　　　当用户输入内容较多的情况下，<textarea>标签用于定义多行文本输入控件。可以输入更多的文字，该控件常见于留言板，评论。

　　　　属性： cols=“每行中的字符数” ，rows=“显示的行数”，

　　　　我们在实际开发中不会使用，都是用 CSS 来改变大小。

　　1、概念： <label>标签是html中专门对表单中的input元素设置提示文字（用户名）或标注信息的。

　　2、目的：label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。

　　3、作用：用于绑定一个表单元素, 当点击label标签里面的文字的时候, 被绑定的表单元素就会获得输入焦点。

　　　　1、第一种用法就是用label直接包括input表单；

　　　　　　适合单个表单；

　　　　2、第二种用法 for 属性规定 label 与哪个表单元素绑定；

　　　　　指定一个for属性，for属性需要指定一个表单项的id值，当点击 <label>标签内的文本时，浏览器就会自动将焦点(光标)转到或者 选择对应的表单元素上，用来增加用户体验。

　　　　　<label>标签的 for 属性应当与相关元素的 id 属性相同。

内容来源于网络如有侵权请私信删除

”今早在腾讯浏览器的群里问这事情，估计有一部分机子还没修复这个BUG……额，这个问题腾讯浏览器不修复自己很难完美地搞好，所以还是坐等他修复吧。昨晚微信浏览器(也就是QQ浏览器的内核)已经100%静默升级到Blink内核，我们可以使用他的“微信WEB开发者工具”来试试这个问题看他是怎样解决这个BUG的。

      可以看到，正常的处理是，弹出的虚拟键盘直接占了下面的位置，整个body缩小，由原来的567变成现在的445。而且你可以去改变虚拟键盘的大小，照样能适应。 所以，大家还是坐等腾讯去彻底修复这个BUG吧，我们根本没办法监听虚拟键盘。

      更新于 17:54  折腾了那么久，突然下午发现，神奇的完美解决啦！还以为自己代码神奇……原来是QQ浏览器已经修复了这个BUG……

      这个页面刚好一屏幕大小，所以没有滚动条，因为“保存”键上面那个项目备注是需要用户去填写的，当他点击后就会出现虚拟键盘，但安卓手机弹出键盘会遮住这个输入框，以至于用户看不见了。苹果手机天然不会喔，苹果手机的键盘弹出来是占了下面的位置，从而把页面推了上去，整个页面就缩小了就不会出现这样的情况。安卓手机情况如下图：

      如果能模仿苹果一样，当键盘弹出来的时候，将整个页面缩小成页面底部刚好贴着键盘，那就完美了。但是这个想法最大的问题就是，不能准确拿到虚拟键盘的高度(后来测试时发现，虚拟键盘原来还可以改变大小……所以这个高度更不可能拿到了……)，但即使拿到高度，能完成当备注那个textarea on focus时，键盘弹出并准确计算成 整个页面缩小成页面底部刚好贴着键盘这个效果，还有一个最终大坑！就是没有办法监听到虚拟键盘什么时候被用户收起来！这样一来就不知道什么时候去还原这个页面了……虽然onblur事件可以在失去焦点时去还原这个页面，但安卓用户的习惯操作应该是按手机上的物理返回键或者虚拟键盘上的那个收起键盘的按钮，问题是无论返回还是收起键盘，焦点还是在那里，没有失去呀，这就没办法了……所以最终的问题关键是，怎样监听到虚拟键盘……

      其实就是在文本框 on focus时，把上面这个空白高度的div显示出来，于是就能把页面撑高，就会出现滚动条，效果挺好如下图：

      而且收键盘后，竟然页面会回到顶部(我怀疑触发了resize事件，但经测试，无论键盘弹出收起都没触发哎，遗憾)，这不就是想要的效果了吗！如下图：

会发现虽然回到了顶部，看起来好像跟一开始没有滚动条的样子一样，但现在用户是可以滚动的，因为那个负责撑高的空div仍然在那里，如果用户滚下去就会看到一大片空白，这肯定是要处理掉的。于是问题又到了“什么时候去删了这个空div”？最好的当然是能监听到键盘什么时候被收起来啦，但这个似乎不太可能。于是我想，能不能当滚动条滚动到空div的地方就把它删了。确实可以这样子，但体验不好啊，突然就闪了一下，而且，如果当用户弹出键盘时去操作可以滚动的页面，滚到空div的地方就删了这个div，那瞬间输入框又被盖住了……

      我还想，能不能滚动条滚到 空div的地方，就不能往下滚了呢？如果这样，用户滚不下去，那留着这个空白div也没问题啊。但是这个想法却实现不了，搞来搞去没办法搞出来。

      我就想这个虚拟键盘挡住输入框的问题应该到处可见啊，各种注册页面估计都有，那怎么会这么多年来都用安卓的我竟然没觉得这是个问题！？于是我跑去随便找一个注册页面(如搜狐邮箱) ，截图如下：

      竟然可以！？整个页面往上挪了一点，但没出现滚动条！！这究竟是怎么做到的！！？？我就奇怪是不是浏览器问题，因为这个是手机自带的浏览器访问的。于是我开微信，然后点开这个网站，果然如下图：

      原来是微信的浏览器就会这样子……最后跑去QQ浏览器那里看，也有人问这个问题，估计是X5内核升级之后的BUG……最后为了能使用，还是将就使用空白div撑高的方法。在寻找解决方法的过程中，还发现有段很漂亮的代码。来自/blog/mobile-fixed-layout/   也许以后会用上，可以用来判断滚动条是否到某个位置，还有滑动的方向，以此来判断什么时候阻止滚动条滚动。代码已经过详细注释：

我要回帖

更多关于 choose encoding 的文章

 

随机推荐