微信内置浏览器如何禁止上下拖动?

2015-01-26 14:44:55 +08:00
 LucasW
http://img.ly/system/uploads/008/842/140/large_IMG_1619.PNG

http://i-store.qiniudn.com/opkOdzNrcYPWIqiTxCUh.PNG

如图,

之前一直以为微信内置的浏览器是没有办法关闭上下拖动的,自从见了他自家的广告之后发现可以固定,研究了半天没发现是怎么搞定的

http://p.weixin.qq.com/promotion/res/wechat/index.html

上面这个是他自家的那个“广告,也可以是生活的一部分”的链接,大家可以用微信扫下

另外我的图片是怎么回事?
4094 次点击
所在节点    前端开发
9 条回复
zkd8907
2015-01-26 14:53:27 +08:00
document.ontouchmove = function(e){ e.preventDefault(); }
LucasW
2015-01-26 14:55:43 +08:00
@zkd8907 Thanks 可以了
wzxjohn
2015-01-26 14:58:54 +08:00
document.ontouchmove = function(event){
event.preventDefault();
}
善用查看源代码和搜索。。。
同时遗憾的告诉你,这个方法不适合你的情况。。。因为这么做会屏蔽正常的滚动。。。
armysheng
2015-01-26 15:01:11 +08:00
sf
LucasW
2015-01-26 15:07:12 +08:00
@wzxjohn 意思是会禁止页面中整个滚动事件么,类似Webapp有其他的解决方案没撒
wzxjohn
2015-01-26 15:09:43 +08:00
@LucasW 是的,没有。除非你某个页面绝对一屏能显示完,否则不要尝试。
crysislinux
2015-01-26 17:08:15 +08:00
把body的高度控制在100%,其他的东西overflow:hidden掉,内部的内容通过overflow:scroll来增加滚动条,如果你想要好看的滚动条,可以试试某些js库
ETiV
2015-01-26 17:26:15 +08:00
加了滚动相关的js库,滚动起来简直没法忍……
v2ques2016
2016-12-09 04:41:11 +08:00
mark 一下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/165546

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX