本文地址：https://github.com/dev-readin...阅读时间大概3分钟CSS的新属性overscroll-behavior允许开发者覆盖默认的浏览器滚动行为，一般用在滚动到顶部或

前言 在移动端盛行的今天，大家在日常中经常会接触到H5的移动端网页，不仅仅是在浏览器中，在各种的APP中也有存在着许多的H5页面，所以我们作为前端开发者就会有在开发时候进行移动端调试、甚至是真机调试的

问题由来 在移动端开发中，像 ios 的微信浏览器、Safari 浏览器等，在网页进行滑动的时候会出现橡皮筋效果 橡皮筋效果： 当页面拉到尽头时还能继续拉动，露出浏览器的底色，松手会回弹回去 这样的效

本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://c

在写 tabs 组件时会遇到内容的长度超出屏幕的情况。参考 antd 的虚拟滚动实现 vue 版本。 橙色为容器(可视区),绿色为内容区(宽度超过容器)。通过设置容器 overflow: hidden 隐藏滚动条，监听内容的 wheel 滚轮事件，设置内容 tranform: …

年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…

响应式布局 在 H5 中，我们通常会使用 REM 和 VW 这两种单位来实现页面的响应式布局。这两种单位可以让页面元素的大小随着根元素（对于 REM）或视口宽度（对于 VW）的大小变化而变化，从而适应

微信下拉弹性效果其实是浏览器本身的一种特性，当不做任何处理时，达到某个时机，浏览器会认为可以触发整个页面弹性下拉。如果想禁止整个页面的下拉回弹，可以通过下面几种方式实现。 AWrapper绑定touchmove, touchstart, touchend 事件，处理触摸滚动操作…