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

JavaScript020

在手机html上js怎么判断页面是在向上或者向下滑动,第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看一下具体的代码。

js的touchstart没有触发，可以在touchstart的时候调用下event.preventDefault()，即可让其他事件都正常被触发了。js的左右上下滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。