-webkit-overflow-scrolling: touch not recognized in chrome and on ios

Question

To get the inertial scroll that I read, I need to add -webkit-overflow-scrolling: touch; to my css on the div which scrolls. When I add this and test it in chrome, this code is hit, similar to how you try to use css, which is invalid. Also, when I download this to my iPhone (I use the cord in the meteorite app), I still don't get smooth scrolling. I added

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

Also, so that the containers are positioned absolute. None of this works. is webkit-overflow overloaded? Any help would be appreciated

ps My css is in a Scss file (if that matters)

Answer 1

Adding a few more css fixed it for me, I get a smooth scroll in ios safari, like this:

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

If this is a webb application, it may work for you too!