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

dch*_*hin 5 javascript html5 rubber-band internet-explorer-10 windows-phone-8

有没有人知道如何在Windows Phone 8设备上的IE10浏览器中禁用"橡皮筋"效果?我尝试了一个技巧,我可以创建一个高DIV并绝对定位它,然后尝试修复主内容div的位置,但IE10似乎忽略了这一点.当HTML5应用程序在各处咯咯地笑时,很难让它看起来像应用程序...

srs*_*awk 5

尝试为body添加-ms-touch-action:none,如下所示:

<style type="text/css">body {{-ms-touch-action:none; }}</style>
Run Code Online (Sandbox Code Playgroud)

  • 如果您的所有内容都可见,则效果很好.如果您需要允许滚动但在过度滚动期间不允许使用橡皮筋,则此解决方案将无法满足要求. (6认同)