微信小程序实现(禁止页面滚动、长按复制) 1. 禁止页面滚动对于小程序某些一屏的页面，特别是全屏的swiper，并不希望页面在竖直方向上可以滚动。 实现方式：在需要禁止滚动页面的json中加入： "disableScroll": true 1 注意：只在页面配置中有效，无法再app.json中设置该 ...
分类：
微信 时间：
2019-11-07 19:08:28
阅读次数：
285
可以在vue路由新增scrollBehavior，控制跳转页面高度 import Router from 'vue-router' new Router({ scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } } }) ...
分类：
其他好文 时间：
2019-11-03 20:05:34
阅读次数：
206
给内容容器添加样式:-webkit-overflow-scrolling:touch; -webkit-overflow-scrolling:属性控制元素在移动设备上是否使用滚动回弹效果. auto:使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch:使用具有回弹效果的滚动, 当手指 ...
分类：
移动开发 时间：
2019-10-30 15:09:33
阅读次数：
127
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看 js实现整个页面禁止滚动： passive是干吗用的呢，设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿。等待监听器的执行是耗时的，有些甚至耗时很明显，这样就会导致页面卡顿。即便监听器是个 ...
分类：
Web程序 时间：
2019-10-18 22:29:27
阅读次数：
188
增加页面滚动条 1、给el drawer增加滚动条 直接添加这个属性名 index.less ...
分类：
其他好文 时间：
2019-10-11 18:30:40
阅读次数：
283
网页的滚动有横向( x轴 )和纵向( y轴 ), 要想滚动到页面顶部, 需要将 x轴 和 y轴 设置为 0, 需要用到滚动元素的: el.scrollTop 和 el.scrollLeft 属性. ...
分类：
其他好文 时间：
2019-09-17 12:39:07
阅读次数：
138
案例分析： 1，原先侧边栏是绝对定位 2，当页面滚动到一定位置（这里是滚动到 banner 到达页面顶部的时候），侧边栏改为固定定位 3，页面继续滚动，会让 “ 返回顶部 ” 显示出来 （滚动到 main 到达页面顶部的时候） 4，需要用到页面滚动事件 scroll 因为是页面滚动，所以事件源是do ...
分类：
其他好文 时间：
2019-09-11 16:21:30
阅读次数：
228
微信露底问题 最近在开发一个IM的项目，但有一个问题就是客户端会在微信浏览器里面“露底”。真的是让人非常恼火，如图 然后就开始解决吧。 原理 其实就是对页面滚动进行控制。禁止了全局滚动，开放了局部滚动。虽然说有一些不友好，但总归有用 代码 因为用的是vue所以自然就是es6啦,并且直接制作一个自定义 ...
分类：
微信 时间：
2019-09-09 19:15:22
阅读次数：
148
window事件是较为重要的事件，接下来就讲解一下。 1.获取页面滚动栏的距离 什么是滚动栏，就是网页内容过多时，通过滚轮控制上下显示或者左右显示； 几种打开新超链接的方式： 1.替换当前窗口，可后退 html写法：<a href="http://www.baidu.com" target="_se ...
两种监听页面滚动的方法一、原生js通过window.onscroll监听window.onscroll=function(){//为了保证兼容性，这里取两个值，哪个有值取哪一个//scrollTop就是触发滚轮事件时滚轮的高度varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;console.log(&q
分类：
其他好文 时间：
2019-08-19 17:16:10
阅读次数：
203
