解释 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 ...
分类：
其他好文 时间：
2020-03-15 00:05:08
阅读次数：
41
1 <!-- 获得页面滚动距离 2 $(document).scrollTop(); 文档高度超过窗口可视高度，继续下拉，就会有部分文档超过可视窗口的高度，这即是scrollTop 3 $(document).scrollLeft(); 4 5 页面滚动事件 6 $(window).scroll(f ...
分类：
Web程序 时间：
2020-03-14 19:52:03
阅读次数：
73
在做移动的开发时，会遇到当输入框输入完成后，键盘收起之后，但是页面没有回到全屏，页面底部没有铺满手机底部，出现部分白屏，如下图 此问题是由于页面高度没有实时计算导致， 解决方案就是在输入框失去焦点之后重新计算一下页面的整体高度，有个巧妙的操作就是手动触发页面滚动，进而触发重新计算高度，使页面铺满全屏 ...
分类：
移动开发 时间：
2020-03-04 21:04:49
阅读次数：
143
今天着重于学习了div+css布局相关的知识: 1.css定位:相对定位(让元素相对于自己原来的位置，进行位置调整),固定定位(页面滚动,位置不变),绝对定位. position:relative; left: 600px; //left为居左600px top: 50px; //top为居顶50p ...
分类：
其他好文 时间：
2020-02-01 21:02:01
阅读次数：
68
前端工程师学习路线 第一阶段 html+css html进阶、css进阶、div+css布局、html+css整站开发 JS基础 js基础教程、js内置对象常用方法、常见dom树操作大全、ES、DOM、BOM、定时器和焦点图 JS基本特效 常见特效：tab、导航、页面滚动、轮播图、JS制作幻灯片、淡 ...
分类：
其他好文 时间：
2020-01-23 21:15:12
阅读次数：
110
引子 最近碰到一个效果：页面滚动时，当指定元素超出可视区时，需要固定在可视区顶部。后来想到另外一种方式，在此统一记录一下。 [Origin][url origin] [My GitHub][url my github] 思路一 这种思路比较常见，很早就有在使用，具体是监听滚动事件，在处理事件程序中计 ...
分类：
其他好文 时间：
2020-01-17 09:55:23
阅读次数：
95
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。 本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性。关于如何获取 DOM 元素高度和滚动高度，请参考视口的宽高 ...
分类：
Web程序 时间：
2020-01-05 18:43:28
阅读次数：
121
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>文档事件</title> 6 <!-- 代码自身至下解析 --> 7 <script type="text/javascript"> 8 v ...
分类：
其他好文 时间：
2019-12-29 00:51:37
阅读次数：
109
出现遮罩层禁止页面滚动 但是在遮罩层内部可能需要出现滚动部分 (wxml在这里不能使用<> 会不显示所以用 [ ] 代替) ...
分类：
微信 时间：
2019-12-27 13:34:58
阅读次数：
374
