移动端监听上滑下滑(判断元素是否滚动到底部)

        touchUp(){
            var startY = 0;
            let that = this;
            document.addEventListener("touchstart",function(e){
                startY = e.changedTouches[0].pageY;
            },false);
            document.addEventListener("touchmove",function(e){
                var endY = e.changedTouches[0].pageY;
                var changeVal = endY - startY;
                if(endY < startY){//向上滑
//                    console.log("向上滑");
                    that.showSearchFlag = false
                }else if(endY > startY){//向下滑
//                    console.log("向下滑");
                    that.showSearchFlag = true
                }else{
//                    console.log("没有偏移");
                }
                // 获取屏幕高度
                var a = document.body.scrollTop || document.documentElement.scrollTop;;  //滚动条的高度
                var b =document.documentElement.clientHeight    //可视区的高度
                var c = $(‘#listIndex‘).height();   //文档的总高度
                if(a+b >= c){
                    //表示浏览器已经到达最底部
                    that.showSearchFlag = true
                }

            },false);
        },

原文地址:https://www.cnblogs.com/lst619247/p/11646155.html

时间: 2024-11-10 01:14:08

移动端监听上滑下滑(判断元素是否滚动到底部)的相关文章

移动端监听输入手机号以及判断手机号有效

项目案例需求如,输入/绑定正确的手机号才能下载软件,输入手机号发送验证码的功能等: 如下代码可以实现基本功能: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> .gray-btn{ background: #ccc; } .blue-btn{ background: #09f; } </style> &

PostgreSQL数据库服务端监听设置及客户端连接方法教程

众所周知,PostgreSQL 是一个自由的对象-关系数据库服务器(数据库管理系统),是一个可以免费使用的开放源代码数据库系统.本文详细介绍了PostgreSQL数据库服务端监听设置及客户端连接方法,具体如下: 一.背景介绍: 本文所述PostgreSQL服务端运行在RedHat Linux上,IP为:192.168.230.128客户端安装在Windows XP上, IP为:192.168.230.1 二.配置方法: 1.修改服务端/etc/postgresql/9.5/main/postgr

微信小程序监听用户上滑下滑事件

今天做了一个要根据用户上滑或者下滑来显示不同内容的功能. 思路:先监听用户是上滑还是下滑,监听到结果后改变data数据中用来判断模块显示隐藏的变量,两个需要切换的模块使用两个hidden,data中定义两个变量来接受更改后的true或者false 页面 hidden='{{bottom}}' hidden='{{top}}' data{ //初始化状态 top:true, bottom:false, } //判断浏览器滚动条上下滚动 if (t.scrollTop > a.data.scroll

微信 判断 上滑 下滑 操作

1:判断用户动作,"向上滑动" 或者 "向下滑动",闲话不多说,直接上代码: 方法1 ( 利用 bindtouchmove,缺点:可能会频繁操作 setData 方法 ) : <view wx:for="{{list}}" id="{{item}}" wx:key="{{index}}" bindtouchmove="checktouchmove" class="know

Flume笔记--source端监听目录,sink端上传到HDFS

官方文档参数解释:http://flume.apache.org/FlumeUserGuide.html#hdfs-sink 需要注意:文件格式,fileType=DataStream 默认为SequenceFile,是hadoop的文件格式,改为DataStream就可直接读了(SqeuenceFile怎么用还不知道..)配置文件: hdfs.conf a1.sources = r1a1.sinks = k1a1.channels = c1 # Describe/configure the s

动态注册广播,监听网络状态变化,判断网络模式

注册广播监听网络连接和断开状态的变化,判断网络连接模式: private ConnectivityManager mConnectivityManager; private NetworkInfo netInfo; /////////////监听网络状态变化的广播接收器 private BroadcastReceiver myNetReceiver = new BroadcastReceiver() { @Override public void onReceive(Context contex

Android监听屏幕解锁和判断屏幕状态

开发后台服务的时候经常需要对屏幕状态进行判断,如果是想要监听屏幕解锁事件,可以在配置里面注册action为 android.intent.action.USER_PRESENT的广播,则可以监听解锁事件.但有时候,在后台执行某个操作时,需要主动判断屏幕的状态,比如是否是亮着的,可以使用PowerManager的isScreenOn方法进行判断,比如屏幕是否开启了自动旋转等. 注册监听解锁广播: 1 2 3 4 5 <receiver android:name="com.home.tests

【Android】ListView监听上下滑动(判断是否显示返回顶部按钮)

设置滚动监听判断ListView的滚动方向同时获取屏幕高度.ListView实际高度,判断是否需要展示返回顶部按钮(具体逻辑请看代码--附有详细注释). 下载地址:http://www.dwz.cn/zG99W 源码运行动态图

ajax监听上传进度

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #d8a100 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #6b82d9 } p.p4 { mar