手机浏览器如何不让向下拖动页面？

Question

你好 ，一般的手机网页打开页面，向下拖动时都会出现网页由www...提供，这样的显示条，我不想让页面能够拖动，而是固定一个界面，怎么写式样？类似手机打开：http://strife013.hb8.wshost.cc/gal/index.htm

这样的游戏，虽然也是html5做的，但是手机中向下拉动时不会有下拉的反应，这样怎么做的呢？

Answer 1

Hi，

You can try using chrome fullscreen API.

http://davidwalsh.name/fullscreen

But for iOS 7.1+ use "minimal-ui" meta tag

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">

for iOS < 7.1 and older browser version there are many tricks (that don't work very well) like the solution you used above (scrollTo ...etc)

For more information, please refer to the document:

http://foundation.zurb.com/forum/posts/2468-how-to-hide-the-url-address-bar-on-iosandroid

Hope it can help you.

---

We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click HERE to participate the survey.

Answer 2

在 body 标签上添加 style 

overflow: hidden;