防止“过度滚动”在全屏的网络应用程序，如谷歌地图做 [英] Prevent "overscroll" on fullscreen web app like Google Maps do

问题描述

Mac上的Chrome有一个可能会在版本 42 41中修复的错误：切换标签页会影响overscroll（又名弹性橡皮筋）

tl; dr：

1. Mac上的Chrome对整个文档有一个令人讨厌的过度滚动效果。


2. 它可以阻止使用CSS（SO post）。


3. 当您会转到 http://wikibudgets.org/sankey 禁用过度滚动 - 请尝试滚动以放大图表，


4. 当您切换到任何其他标签，然后返回时，不会再禁用过度滚动效果 - 尝试滚动以放大图表，文档跳出来，下。

5。 Google地图网站不会遇到此错误，因此必须有解决方法。

欢迎任何想法或建议。

解决方案

似乎该错误已在版本41.0.2272.76（64位） / p>

Chrome on Mac has a bug that will be probably fixed in version 42 41: Switching tab affects "overscroll" (aka elastic rubber band)

tl;dr:

1. Chrome on Mac has this annoying "overscroll" aka rubber band effect on the whole document.
2. It can be prevented with CSS (SO post).
3. When you go to http://wikibudgets.org/sankey the overscroll is disabled - try to scroll to zoom the diagram, the document stays in place.
4. when you switch to any other tab and then go back the overscroll effect is not disabled any more - try to scroll to zoom the diagram, the document jumps up and down.

5. Google Maps website does not suffer from this bug so there must be a workaround.

Any idea or advice is welcome.

解决方案

It seems the bug is already fixed in Version 41.0.2272.76 (64-bit)

这篇关于防止“过度滚动”在全屏的网络应用程序，如谷歌地图做的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！