web移动端解决右滑出现空白
来源:互联网 发布:java开发手册 编辑:程序博客网 时间:2024/06/03 20:42
有时候在用一些插件时会出现左右滑出现空白部分,由于子元素的宽度大于屏幕本身的宽度导致页面发生收缩情况,添加以下代码解决:
//1.一开始用这段代码,结果发现滚动都失效了,如果页面大于屏幕高度将无法滚动至底部,所以淘汰// document.addEventListener('touchmove', function(e) {// e.preventDefault();// });//2.改良后的代码,将该代码直接放在index.html文件下即可 let self = this; document.addEventListener('touchstart', (e) => { self.moveY = e.targetTouches[0].pageY; }) document.addEventListener('touchmove', (e) => { e.preventDefault(); let moveWidth = self.moveY - e.targetTouches[0].pageY; if (moveWidth !== 0) { document.body.scrollTop += moveWidth; } })
1 0
- web移动端解决右滑出现空白
- 解决网页出现空白问题
- flex浏览器调试出现空白我解决
- 关于UITextView上部出现空白一步解决
- 移动端苹果设备点击页面空白处的时候出现闪烁的情况
- 移动端Web页面常见问题解决
- float解决图片下出现空白的问题
- float解决图片下出现空白的问题
- QT 播放flash出现空白间距问题的解决
- 解决两个div之间出现空白条问题
- 使用getChildFragmentManager解决Fragment嵌套ViewPager出现空白
- 解决app冷启动时会出现一段时间空白的问题
- Android 解决图片显示时左右出现空白的问题
- 解决TabLayout绑定viewpager出现的空白页面
- 解决进入启动页出现空白和进入下个界面出现布局下移
- IE6里DIV错位的问题 DIV或LI等向下移动出现空白
- 浅谈移动端之touch事件--手指的上滑、下滑、左滑和右滑
- 右值 移动
- PHP ServerPush (推送) 技术的探讨
- 2017sdut省赛选拔(1)--poj1284(原根问题+欧拉回路)
- Js闭包
- Linux下实现进度条
- Leetcode448 Find All Numbers Disappeared in an Array
- web移动端解决右滑出现空白
- Codeforces Round #408 (Div. 2) A Buying A House
- GreenDao2.x Demo 拓展了一部分数据库升级功能.
- ServletContextListener ContextLoaderListener的作用
- 《C和指针》学习笔记
- Session的创建和销毁
- 项目搭建系列之一:使用Maven搭建SpringMVC项目
- bzoj3566 [SHOI2014]概率充电器
- Activiti获取流程中的审批意见