2015-08-20 25 views
3

为了获得惯性滚动我已阅读我需要添加-webkit-overflow-scrolling:touch;我的CSS上滚动的div。当我添加此代码并检查它在代码中遭到破坏时,类似于当您尝试使用无效的css时。另外,当我在我的iPhone上加载(我在流星应用中使用科尔多瓦)时,我仍然无法顺利滚动。我已添加-webkit-overflow-scrolling:在chrome和ios中无法识别touch

z-index:0 
overflow-y: scroll; 
-webkit-transform:translateZ(0); 

除了使容器绝对定位。这似乎没有工作。 webkit-overflow-scrolling弃用?任何帮助,将不胜感激

PS我的CSS是在SCSS文件(如果该事项)

+0

-webkit-overflow-scrolling:touch for Android + IOS。你在添加滚动内容的父母的CSS? –

+0

@HanhLe是的我做的,我试了父母和实际的div本身 – Adim

+0

请显示您的HTML结构。它在我的应用程序中工作。 –

回答

1

添加一些CSS固定对我来说,我在iOS Safari中的平滑滚动像这样:

-webkit-overflow-scrolling: touch; 
-webkit-transform: translateZ(0px); 
-webkit-transform: translate3d(0,0,0); 
-webkit-perspective: 1000; 

如果它是一个webb应用程序它可能也适合你!