clientY 指的是距离可视页面左上角的距离 pageY 指的是距离可视页面左上角的距离(不受页面滚动影响) screenY 指的是距离屏幕左上角的距离 layerY 指的是找到它或它父级元素中最近具有定位的左上角距离 offsetY 指的是距离它自己左上角的距离 一张图带大家简单了解了解 在我们 ...
分类：
Web程序 时间：
2019-08-19 11:28:59
阅读次数：
111
项目开发过程中遇到一个主页，实现功能： 页面区域划分： 效果如下图： 一：页面在滚动到导航时导航吸顶（sticky粘性布局） sticky使用需要注意：1.父元素不能设置overflow:auto/hidden/scroll； 2.必须指定top、left、right、bottom其中一个，否则只会 ...
分类：
其他好文 时间：
2019-08-08 14:56:58
阅读次数：
954
passive有何用？ 正如标题所言，passive就是为了让浏览器的页面滚动起来更加丝滑，飞一般的感觉~ passive怎么用 看完还是不懂，不着急，看下述慢慢道来 passive的前世今生 对于addEventListener()，大家都是认识的，为dom添加触发事件 ...
分类：
其他好文 时间：
2019-08-07 22:41:34
阅读次数：
114
当页面的长度比较长时，如果进行刷新页面，我们希望能够在刷新完成页面之后，能够停留在当前位置，而不是从头再手动滚动到当前位置。那么这样的效果如何实现呢？下面开始简单描写 ...
分类：
Web程序 时间：
2019-07-31 15:09:49
阅读次数：
181
uni-app 之 聊天室滚到最底部 请注意 ！： 知识点为uni-app 与 vue 结合 这次写到聊天室，碰到一个emmmmm问题比较严重的事情，聊天嘛，咱们想实现的就无非是微信，QQ那种聊天的效果嘛，我们研究了，，，，emmmm （n久之长），终于是把这个功能写出来了，代码等什么时候整理出来给 ...
分类：
移动开发 时间：
2019-07-29 20:19:06
阅读次数：
2706
原来在A页面设置了弹窗弹出时禁止页面滚动，弹窗消失恢复滚动 跳转按钮设置在在弹窗上，弹窗未消失就跳转，未能恢复滚动 ...
分类：
其他好文 时间：
2019-07-28 15:42:41
阅读次数：
89
1 var preD = function (e) { 2 e.preventDefault() 3 } 4 export default { 5 data () { 6 return { 7 popupStatus: false 8 } 9 }, 10 watch: { // 监听data中弹层状... ...
分类：
其他好文 时间：
2019-07-28 15:27:06
阅读次数：
81
页面滚动到一定位置时，出现回到顶部按钮 代码如下HTML <div class="footer"> <div class="gotop" v-show="gotop" @click="toTop">Top</div> </div> CSS .footer .gotop { text-align: c ...
分类：
其他好文 时间：
2019-07-24 16:29:39
阅读次数：
1094
代码： 原理： 上拉加载更多这个需求我相信应该应用颇为广泛的，今天说我认为两种可行的方式哈 。 一、第一个应该是最简单的一种实现方式，文档自带的一个api 可以监听滚动到页面底部的方法（onReachBottom） 、"onPageScroll"方法可以监听页面滚动条的位置。(PS：页面.json ...
分类：
微信 时间：
2019-07-02 21:03:48
阅读次数：
225
在写项目的时候，遇到了需要添加滚动事件的问题，在简书Carol_笑一笑这里找到了解决方案。代码如下 但是在实际应用中，发现移除滚动事件失效了，到达新的页面滚动事件还存在，从而导致一直报错。然后从阮一峰先生的博文中找到了问题所在。 然后上面的代码只需要修改destroyed中的方法即可。 返回目录 ...
分类：
其他好文 时间：
2019-06-01 13:56:54
阅读次数：
131
