归元田居

注意点 ie7-8 会比实际少4个像素 ie7纵向滚动条默认展示 核心代码 Demo 我的个人公众号：归园田居 每日分享前端知识与资讯～

通常懒加载等都会通过监听scroll事件来判断元素位置来决定是否可以开始加载。IntersectionObserver API可以完全省去这些操作，只需要简单的读取即可。

简介 在触发画中画之后视频会始终在右下角悬浮，不论是否在当前标签页或者是浏览器是否最小化。 可以在chrome内看任意视频时点击控制条的画中画按钮即可。 API 文档：https://w3c.gith

本文已参与「新人创作礼」活动，一起开启掘金创作之路。微信右上角打开的菜单很多在文档中并没有详细的展示，想要挨个屏蔽不太现实，所以只能反向操作

之前用的线上的https证书，每三个月需要更新一次比较繁琐，用本地证书也可以满足调试需求也会方便许多。附：nginx环境下配置https证书的方法

采用此方案的优点是可以使用px布局，不用额外进行rem或者vw等等单位的换算了，这里给两个demo，demo1是有滚动条页面的示例，demo2是无滚动条页面的示例；

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 问题 由于手机与平板等设备宽高比差异导致页面展示不全或者功能按钮展示在视口之外点击不到 解决思路 既然是iPad与折叠屏的宽高比跟手机差异过大导致

worker浏览器兼容性现在还不错，导致其并不流行的原因我认为是因为在worker内不能直接操作 DOM 节点，也不能使用window对象的默认方法和属性并且worker运行的脚本与内部引用脚本都遵循

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 初始化 上面的代码中 BetterScroll 是作用在外层 wrapper 容器上的，滚动的部分是 content 元素。