2018年8月1日
ios软键盘弹出时输入框fixed布局被遮挡问题
摘要： 做一个类似于手机端QQ动态详情页面，该页面有一个置于页面底部的评论输入框，刚开始单纯的以为这没什么难的，使用fixed布局不就是So easy!么，在安卓上也是意料之中完美的效果，然并卵，在ios上有时输入框却被软键盘遮挡，经过在度娘上的多方查找，发现原来是ios对fixed布局有兼容问题，导致fi 阅读全文
posted @ 2018-08-01 10:08 joyer_lee 阅读(2371) 评论(0) 推荐(0) 编辑
小程序图片显示问题
摘要： 先来一波官方教程https://developers.weixin.qq.com/miniprogram/dev/component/image.html 今天在小程序中用到image组件的时候，我直接使用是设置只图片的宽，想让图片高度自适应，结果发现系统对图片有默认的宽高 然后我重置了图片高度为h 阅读全文
posted @ 2018-08-01 09:39 joyer_lee 阅读(1919) 评论(0) 推荐(0) 编辑
2018年7月30日
Html 解决长串英文字母显示不能自动换行及 CSS中英文换行方法总结
摘要： 英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行，一但有空格就会换行，汉字就没有这种情况. 解决办法： CSS中英文换行问题： 阅读全文
posted @ 2018-07-30 14:40 joyer_lee 阅读(579) 评论(0) 推荐(0) 编辑
移动端body设置overflow：hidden失效与设置之后页面会向上滚动问题
摘要： 近期在写一个多弹窗的页面时，发现当弹窗出现时底部页面会出现滚动穿透现象，因此想到当弹窗显示与隐藏时js动态控制body的overflow的属性值，即 在浏览器端调试的时候是能够达到预想中的效果，结果在移动端不管是iOS还是安卓系统都是无效的，在度娘上查看了前辈们的相关博客得知，这是移动端浏览器的一个 阅读全文
posted @ 2018-07-30 09:08 joyer_lee 阅读(3760) 评论(0) 推荐(0) 编辑
2018年7月26日
h5弹窗滑动穿透
摘要： 在写一些h5页面时，若页面弹窗需要有滑动效果，可能会穿透到底部页面，导致用户体验不好，在这可以用js控制，当弹窗显示时给页面body设置overflow：hidden属性，弹窗消失时再设置overflow：auto 阅读全文
posted @ 2018-07-26 17:30 joyer_lee 阅读(549) 评论(0) 推荐(0) 编辑
2018年3月9日
小程序scroll-view组件之固定高度
摘要： 我们都知道在使用scroll-view组件纵向滚动时，需要给<scroll-view/>一个固定高度，通过 WXSS 设置 height，但是在我之前的接触的一个小程序中，我把wxml文件中的最外层用<scoll-view/>包裹了，此时设置height为100%，但是没什么卵用，我又把height 阅读全文
posted @ 2018-03-09 19:33 joyer_lee 阅读(619) 评论(0) 推荐(0) 编辑
小程序之导航跟随
摘要： 最近在牛客网上五一做到一道关于position定位的题，惊喜的发现还有一种布局叫position：sticky，它就像是relative和fixed的合体， 其常用场景：当元素距离页面视口（Viewport，也就是fixed定位的参照）顶部距离大于 0px 时，元素以 relative 定位表现，而 阅读全文
posted @ 2018-03-09 19:20 joyer_lee 阅读(348) 评论(0) 推荐(0) 编辑
2017年12月26日
小程序for循环中通过index实现单个点击事件
摘要： <!--xml--> <view class='content3-list' wx:for="{{listItems}}" > <view class='list-left'> <image id="{{index}}" bindtap='clickRight' src= '{{item.right 阅读全文
posted @ 2017-12-26 14:46 joyer_lee 阅读(8411) 评论(0) 推荐(0) 编辑
小程序有弹窗出现时，底部禁止页面滚动
摘要： xml <scroll-view class='extra-word' scroll-y="{{isScroll}}"> //页面内容 </scroll-view> js Page({ // 页面的初始数据 data: { isScroll: true }, sidebarDrawer: funct 阅读全文
posted @ 2017-12-26 14:21 joyer_lee 阅读(4889) 评论(0) 推荐(0) 编辑
小程序中点击input控件键盘弹出时placeholder文字上移
摘要： 最近做的一个小程序项目中，出现了点击input控件键盘弹出时placeholder文字上移，刚开始以为是软键盘弹出布局上移问题是传说中典型的fixed 软键盘顶起问题，因此采纳了网上搜到的“当获取焦点时，将fixed的元素改为static;失去焦点，再改回fixed”的方法，然而行不通，我试着给in 阅读全文
posted @ 2017-12-26 13:50 joyer_lee 阅读(11115) 评论(3) 推荐(1) 编辑