发表于: 2017-03-16 23:15:40

1 694


今天完成的事情

1、完成任务10 

完成了任务10的页面

大概看了看less

明天计划的事情

开始任务11

学习less/sass

遇到的问题

写任务10时,很多文字突然出现了删除线,不知道什么原因。

后来,在师兄帮助下,原来是因为多出了一个s标签,s标签已经被淘汰了,被del标签取代

收获。

小课堂:

fixed布局在ios下回出现bug

解决 在 iOS 下由于软键盘唤出后,页面 fixed 元素会失效,导致跟随页面一起滚动,那么 假如——页面不会过长出现滚动,那么即便 fixed 元素失效,也无法跟随页面滚动,也就不会出现bug了 。

在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下:

有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 scrollIntoView 进行修复。

在 iOS 下使用第三方输入法时,输入法在唤起经常会盖住输入框,只有在输入了一条文字后,输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时算是 iOS 下的一个坑吧。

有些第三方浏览器底部的工具栏是浮在页面之上的,因此底部 fixed 定位会被工具栏遮挡。解决办法也比较简单粗暴——适配不同的浏览器,调整 fixed 元素距离底部的距离。

最好将 header 和 footer 元素的 touchmove 事件禁止,以防止滚动在上面触发了部分浏览器全屏模式切换,而导致顶部地址栏和底部工具栏遮挡住 header 和 footer 元素。

在页面滚动到上下边缘的时候,如果继续拖拽会将整个 View 一起拖拽走,导致页面的“露底”。/index?paperId=23EUNT




返回列表 返回列表
评论

    分享到