1、监听滚动事件 利用VUE写一个在控制台打印当前的scrollTop, 首先，在mounted钩子中给window添加一个滚动滚动监听事件， mounted () { window.addEventListener('scroll', this.handleScroll) }, 然后在方法中，添加 ...
分类：
其他好文 时间：
2020-12-07 12:09:03
阅读次数：
3
效果图：横向滚动和纵向滚动 scroll view使用方法文档，前面已经介绍查找文档方法，此处不再赘述 一、横向滚动 创建一个页面scroll-nav 然后，在.wxml文件中排版 <!--水平拖动新闻--> <scroll-view scroll-x class="menu"> <view cla ...
分类：
微信 时间：
2020-07-27 13:44:38
阅读次数：
98
scroll-behavior属性 当用户手动导航或者 CSSOM scrolling API 触发滚动操作时，CSS 属性 scroll-behavior 为一个滚动框指定滚动行为，当用户通过鼠标滑轮滚动或者手机触屏滚动，不受这个属性的影响。在根元素中指定这个属性时，它反而适用于视窗。 scrol ...
分类：
Web程序 时间：
2020-05-15 20:06:36
阅读次数：
89
scroll-snap-type：属性定义在滚动容器中的一个临时点如何被严格的执行。 简单而言，这个属性规定了一个容器是否对内部滚动动作进行捕捉，并且规定了如何处理滚动结束状态。 语法： { scroll-snap-type:none | [ x | y | block | inline | bot ...
分类：
其他好文 时间：
2019-12-06 21:43:05
阅读次数：
117
页面滚动 使用scroll-view标签包裹内容，可以实现页面滚动 scroll-y="true"纵向可以滚动 scroll-x="true"横向可以滚动 <scroll-view scroll-y="true"> 。。。。 </scroll-view> ...
分类：
其他好文 时间：
2019-12-05 13:33:24
阅读次数：
79
scroll-view 小程序的scroll-view 处理横向滚动遇到的问题 html页面 注意：scroll-view 不用设置宽度；auto 就OK css 注意：scroll-view 的外层元素一定要设置不要换行 js ...
分类：
微信 时间：
2019-11-21 13:59:51
阅读次数：
96
1.移动端或者谷歌浏览器（webkit内核） ::-webkit-scrollbar { display: none; } 2.兼容所有浏览器的css写法 demo： html部分： <div class="outsideBox"> <div class="centerBox"> <div clas ...
分类：
Web程序 时间：
2019-09-19 16:20:07
阅读次数：
109
方法1：scrollTop 滚动到某位置 方法2：scrollTo，scrollBy，scroll滚动到某位置 方法3：scrollIntoView() 实现滚动到具体某元素 需注意，上述3种方法都不是平滑滚动 ...
分类：
其他好文 时间：
2018-12-07 17:17:44
阅读次数：
738
1. 纵向滚动 scroll y 当 设置为scroll y 时, 需要将其高度设为固定值 如果整个页面，即最外层标签为scroll view，需要并将其高度设为100%，也需要将page设为100%（可在app.wxss中设置）。 示例： html 文件： css 文件： bindscrollto ...
分类：
微信 时间：
2018-11-22 11:40:53
阅读次数：
219
