h5页面滑动无法跟随手势进行滑动

我这个页面是强制横屏的页面,当我竖屏滑动时,我的页面会进行滚动,当我正常滑动时,页面会卡顿。
我试过以下方法

  1. 通过js方法进行实现滚动(无效,不知道是不是我取的元素问题)
    存在问题:监听获取元素的scrollTop为0

  2. 将css的html,body去掉(还没有全部去完,但是本地正常了)

vue+vuex

  • 你可以看下这个问题的回答https://ask.csdn.net/questions/392204
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:原生js获取滚动条滚动距离scrollTop一直为0
  • 除此之外, 这篇博客: JS_获取当前页面的滚动条位置的兼容中的 2.获取scrollTop的值 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 可以使用window.pageYoffset

    Window pageXOffset和pageYOffset属性

    其定义:pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

    所有主流浏览器都支持 pageXOffset 和 pageYOffset 属性。

    注意:IE 8 及 更早 IE 版本不支持该属性,但可以使用 “document.documentElement.scrollLeft” 和 “document.documentElement.scrollTop” 属性 。

    由于谷歌兼容问题,可以使用document.body.scrollLeft和document.body.scrollTop或者window.pageXoffset与window.pageYoffset。