移动端页面有滚动条但是无法滚动的问题

做移动开发的是，有个签名的功能页面。只要点进过这个页面，再点击其他原先可以滚动的页面，都再不能滚动。
网上查找的问题根本是使用了下面这个js事件：

document.addEventListener("touchmove",function(event) {event.preventDefault();},{ passive: false });

其中e.preventDefault();会阻止掉默认的滚动行为；

因此在这个页面离开前，使用 window.event.returnValue = true，这样就能避免影响其他页面。

 beforeDestroy(){window.event.returnValue = true}

移动端页面有滚动条但是无法滚动的问题相关推荐

Web端隐藏垂直滚动条且保留滚动效果
在做项目时,发现UI们常常为了快速出图,在设计UI图时只设计一种正常情况下的布局,但是往往实际应用中,内容超出限定区域是很常见的现象,当内容超出时,如果css样式没有设置隐藏则会出现滚动条,而滚动条的 ...
移动端页面隐藏滚动条
在PC端隐藏html右侧默认滚动条 html { /*隐藏滚动条,当IE下溢出,仍然可以滚动*/ -ms-overflow-style:none; /*火狐下隐藏滚动条*/ scrollbar-wid ...
css如何设置x轴为滚动,解决移动端页面出现 X轴横向滚动条问题
最近在用 Bootstrap 写一个需要适配 WEB 和 WAP 的网站,写完后发现 WAP 端总是会出现横向滚动条,也就是 X 轴滚动条,导致 WAP 端页面左右滑来滑去,很是令人蛋疼,即使设置了 ...
oracle里子连接查询,pc端页面滚动到底部加载更多数据......
场景:pc端页面鼠标滚动到底部时,通过ajax加载更多的数据,实现分页功能,封装成了一个函数,自己根据实际情况调用即可. 说明:discussList是放加载内容的div容器 // 加载更多评价的函数 ...
移动端页面滚动穿透问题解决方案
移动端页面滚动穿透问题解决方案参考文章: (1)移动端页面滚动穿透问题解决方案 (2)https://www.cnblogs.com/GeniusLyzh/p/5808446.html 备忘一下.
移动端页面滚动后不触发touchend事件
在移动端页面进行优化时,一般使用touch事件替代鼠标相关事件,用的较多的是使用touchend事件替代PC端的click和mouseup事件. 但是,touchend事件在页面滚动时有个问题.在滚动 ...
python移动端web开发代码_移动web前端开发,前端开发工作总结,移动端页面开发-我主页-一个前端程序猿的博客...
热门推荐 html/css 一.escape和它们不是同一类简单来说,escape是对字符串(string)进行编码(而另外两种是对URL),作用是让它们在所有电脑上可读.编码之后的... 标签: 0 ...
CSS5:移动端页面(响应式)
CSS5:移动端页面(响应式) 如果手机端和PC端页面差别很大,就不要写响应式,不要写@media 就直接将两个页面拆开成两个文件就可以了.关于判断是手机端你还是PC端,就交给后端来做只有一些新闻站 ...
php滚动窗口多条动态,详解原生JS是实现控制多个滚动条同步跟随滚动
本文主要和大家详解详解原生JS是实现控制多个滚动条同步跟随滚动,当这两个容器元素的内容都超出了容器高度,即都出现了滚动框的时候,如何在其中一个容器元素滚动时,让另外一个元素也随之滚动. 在一些支持用 ...

移动端页面有滚动条但是无法滚动的问题

移动端页面有滚动条但是无法滚动的问题相关推荐

最新文章

热门文章