在 Windows Phone 8 HTML5 应用程序中禁用浏览器橡皮筋效果？答案

【问题标题】：Disable Browser Rubber Band effect in Windows Phone 8 HTML5 App?在 Windows Phone 8 HTML5 应用程序中禁用浏览器橡皮筋效果？
【发布时间】：2012-11-07 01:28:12
【问题描述】：

有没有人知道在 Windows Phone 8 设备上的 IE10 浏览器中禁用“橡皮筋”效果的方法？我尝试了一个技巧，我可以创建一个高 DIV 并绝对定位它，然后尝试修复主要内容 div 的位置，但 IE10 似乎忽略了这一点。很难让 HTML5 应用感觉像一个应用，因为它到处都在咯咯笑……

【问题讨论】：

标签： javascript html windows-phone-8 internet-explorer-10 rubber-band

【解决方案1】：

尝试为 body 添加 -ms-touch-action:none 如下：

<style type="text/css">body {{-ms-touch-action:none; }}</style>

【讨论】：

如果您的所有内容都可见，则此方法效果很好。如果您需要允许滚动但在过度滚动期间不允许使用橡皮筋，则此解决方案不适合。