移动端H5页面惯性滑动监听

最新推荐文章于 2022-12-12 13:53:57 发布

weixin_30325793

最新推荐文章于 2022-12-12 13:53:57 发布

阅读量1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ttjsndx/p/8251593.html

版权

本文介绍了在移动端H5页面中如何监听惯性滑动的整个过程。作者自定义了一个方法，分别在惯性滚动开始时调用listenSlidingA，结束时调用listenSlidingEndA，用于面板滚动的控制，包括滑动时的监听和滑动停止后的面板位置调整。同时，文章提到该方法是面板滚动功能的一部分，还有高亮底部快捷链接的功能。如有相关问题，作者欢迎讨论。

摘要由CSDN通过智能技术生成

移动端H5页面惯性滑动监听

　　在移动端，当你快速滑动有滚动条的页面时，在你手指离开屏幕时，滚动并不会立即停止，而是会随着“惯性”继续滑动一段距离。

　　在做项目的过程中，需要监听惯性滑动整个过程。在网上并没有找到相应的监听事件，于是就自己写了一个监听方法。

　　惯性滚动开始时调用的方法是listenSlidingA，结束时调用的方法是listenSlidingEndA。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>滚动监听</title>
 5     <style type="text/css">
 6         .scoll-x-window{
    
 7             height: 900px;
 8             width: 600px;
 9             overflow-x:auto;
10             overflow-y:hidden;
11             border:1px solid black;
12         }
13         .scoll-x-base{
    
14             position:relative;
15             height:96%;
16

最低0.47元/天解锁文章

weixin_30325793

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
移动端H5页面惯性滑动监听

移动端H5页面惯性滑动监听　　在移动端，当你快速滑动有滚动条的页面时，在你手指离开屏幕时，滚动并不会立即停止，而是会随着“惯性”继续滑动一段距离。　　在做项目的过程中，需要监听惯性滑动整个过程。在网上并没有找到相应的监听事件，于是就自己写了一个监听方法。　　惯性滚动开始时调用的方法是listenSlidingA，结束时调用的方法是listenSlidingEndA。 1 &lt...
复制链接

扫一扫