Question

在手机html上js怎么判断页面是在向上或者向下滑动

该html主要在微信里看的

Answer 1

var divTwo = $('.divTwo');
//1.禁用div的滚轮事件
$('.divTwo').mousewheel(function (e) {
        return false;
});
//2.如果滚动条到底底部的时候 禁用window的滚轮滚动
//3.判断滚动的方向
divTwo.mousewheel(function (e, delta) {
        var decoration = delta > 0 ? 'Up' : 'down';
        $('.divFixed').text(decoration);

        var scrollTop = divTwo.scrollTop();
        var scrollHegiht = divTwo[0].scrollHeight;
        var height = divTwo.height();
        //滚动条 到底部且 滚轮向下滚动
        if (scrollTop + height >= scrollHegiht && delta < 0) {
                e.preventDefault();
        }
                //滚动条 到顶部 且滚轮向上
        else if (scrollTop == 0 && delta > 0) {
                e.preventDefault();
        }
});

$(document).mousewheel(function (e, delta) {
        $('.divFixed').text(delta);
});

 有一个mousewheel.js插件可以实现你说的功能。这是你需要的判断向上或者向下滚动的代码。希望对你有帮助，或者你直接百度一下mousewheel看一下具体的代码。

追问

请看清楚该页面是在手机微信端运行的，用不到滚轮的

追答

自己先试试 ok?

Answer 2

var divTwo = $('.divTwo');
//1.禁用div的滚轮事件
$('.divTwo').mousewheel(function (e) {
return false;
});
//2.如果滚动条到底底部的时候 禁用window的滚轮滚动
//3.判断滚动的方向
divTwo.mousewheel(function (e, delta) {
var decoration = delta > 0 ? 'Up' : 'down';
$('.divFixed').text(decoration);

var scrollTop = divTwo.scrollTop();
var scrollHegiht = divTwo[0].scrollHeight;
var height = divTwo.height();
//滚动条 到底部且 滚轮向下滚动
if (scrollTop + height >= scrollHegiht && delta < 0) {
e.preventDefault();
}
//滚动条 到顶部 且滚轮向上
else if (scrollTop == 0 && delta > 0) {
e.preventDefault();
}
});

$(document).mousewheel(function (e, delta) {
$('.divFixed').text(delta);
});

有一个mousewheel.js插件可以实现你说的功能。这是你需要的判断向上或者向下滚动的代码。希望对你有帮助，或者你直接百度一下mousewheel看一下具体的代码。

Answer 3

可以用touch.js，里面有swipe的方法。