如何使网页在微信上左右滑动时固定下来?
目前的情况是,在微信上打开网页,然后可以左右滑动页面。然后就可以看到微信的黑色背景。
如何让用户在左右拖动的时候,页面固定下来呢?
也就是不能左右滑动即可。
前段时间,我遇到类似的问题,也问了身边的大牛,如@朴灵,@寒冬等!他们的答案,准确的说应该是不能控制。
在iphone上,从左边框向右滑动进入视口并有一段距离,就会导致页面返回,从上边框向下则会拉出菜单栏。这是ios内置的手势行为,属于“系统”的。
同理对于微信,下拉黑板,左右滑动页面,在web代码层面上同样是不可控的。
我觉得无解,这个是微信的浏览器的行为,js没法控制。
如果可以左右滑动看到黑边,那是你的页面有元素超过移动端的宽度了,不然是只能上下滑动的。
document.addEventListener('touchmove', function(e) {
e.preventDefault();
});