以弹层的形式浮动在底部页面上面的可滚动的场景；如果用原生的滚动条，弹窗上滑滑动到最底部时，会触发底下页面整体的滚动；这个体验很不好。本文讲了两个思路来解决这个问题：一是设置底部页面body的overflow属性；二是自定义滚动条。

弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 关闭蒙层时，移除以上样式。 简单方便，只需添…

本文是最近一段时间开发移动端项目所遇到的一些问题已经解决方法，现在做如下梳理。 1. ios 触发自动播放时阻止全屏，需要增加属性： 2. ios 或者 android 在微信内置浏览器中不会自动播放，autoplay属性不生效解决办法：

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

移动端长按保存、取消长按保存图片,有时候会遇到在移动端长按保存图片的功能，微信打开h5页面可以实现，那么普通浏览器可能效果不一。不同浏览器下效果适配显示。

移动 web 的性能优化，主要对于网络请求，缓存动画方面

引言iPhoneX发布至今已经有将近一年的时间了，各类app都多多少少做了对iPhoneX的适配，那对于我们H5页面该做哪方面的适配呢？首先了解安全区域(safearea)的概念，它保证了内容在设备上