flowRight的博客

根据触碰屏幕开始时候的坐标位置和结束时候在竖直方向（Y轴）的坐标位置，判断方式是上拉还是下滑 var startY; //定义开始时候的坐标位置 document.addEventListener('touchstart',function (ev) { startY = ev.touches[0].pageY; }, false); docume...

键盘弹出类型<!-- 有"#" "*"符号输入 --><input type="tel"><!-- 纯数字 --><input pattern="\d*">调用手机系统的某些功能<!-- 拨号 --><a href="tel:10086">打电话给: 10086</a><!-- 发送短信...

iphoneX手机取消了实体Home键，取而代之的是主界面底部不显眼的横条“Home Indicator”。当网页底部fixed 元素时候，一部分元素可能就被这个横条遮挡住，怎么适配解决呢？一：<meta name=“viewport” content=“width=device-width, viewport-fit=cover”>二：页面主体内容限定在安全区域内,如果不设置...

vue配合vux（ 移动端 UI 组件库）进行手机端开发构建vux-loadernpm install vux-loader --save-devvux-loader使用为了减少使用成本，只需要调用merge方法对原来webpack配置进行操作：const webpackConfig = {} // 原来的webpack配置const vuxLoader = require(‘vux-...

用overflow-y:scorll属性的时候，发现滚动的效果很木，很慢，使用-webkit-overflow-scrolling:touch这个属性，滚动条产生滚动 回弹的效果像ios原生的滚动条一样流畅。　body {　　　　-webkit-overflow-scrolling: touch;　　　　overflow-scrolling: touch;　　}...

解决方法1：当点击弹出框的时候 ，页面内容全部隐藏，这样页面就不会有内容撑开滚动，当点击隐藏弹出框的时候，内容复原（这样每次隐藏到弹出框都会回到顶部）。解决方法2：弹出框单独做一个页面，只有遮罩层内容，点击隐藏后跳回到刚刚那个页面即可（用keep-alive可以控制先前的位置）解决方法3 :弹出框时页面加一个样式绑定height:100vh;overflow:hidden;弹框消失后再把样式去...

CSS3中的calc（）在iOS6浏览器中必须加-webkit-前缀，目前的FF浏览器已经无需-moz-前缀。 Android浏览器目前仍然不支持calc，所以要在之前增加一个保守尺寸：1 div { 2 width: 95%; 3 width: -webkit-calc(100% - 100px); 4 width: calc(100% - 100px); 5 }...

解决办法-webkit-overflow-scrolling: touch;

某个手机端页面需要显示报表 报表需要强制横屏展示（通过css样式媒体查询判断旋转布局）代码如下强制横屏 <div class="top"></div> </div></div>...