防止页面橡皮筋/过度滚动,同时保留可滚动的div:一个WEIRD BUG

时间:2014-09-01 19:25:42

标签: javascript ios css three.js

我需要禁用iOS的弹性页面级滚动,同时保留在div内滚动的功能。 most popular StackOverflow question on the matter的解决方案起初似乎对我有用,但我发现在某些位置/变换时,解决方案会破裂。

如果我禁用-webkit-overflow-scrolling,它可以正常工作,但是我认为没有它的用​​户体验会大大减少。

我正在使用THREE.js的CSS3DRenderer来进行定位,因为在这个项目中,我需要将dom元素合成在3D场景之上并让相机匹配。但实际上,它只是调整变换而已,仅此而已。

我创建了一个CodePen,清楚地显示相机/对象位置在阻止页面滚动时会一直滚动,而另一个会打破它。

http://codepen.io/aaronmeyers/pen/LKgsG/ please see codepen

0 个答案:

没有答案