移动Safari滚动动画不工作 [英] Mobile Safari scroll momentum not working

问题描述

我目前对响应网站有一点问题。

I'm having a bit of an issue with a responsive site at the moment.

除了一个网页外，所有页面都不会获得您通常在手机上使用互联网时获得的滚动动量。我不知道这是否只限于移动Safari浏览器或其他移动浏览器，我只是刚刚开始在这个网站响应的工作。

All but one of the pages don't get the scroll momentum you would normally get from using the Internet on your phone. I'm not sure if this is restricted to mobile safari or other mobile browsers, I've only just started the responsive work on this site.

但是，有谁知道为什么有些页面可能没有滚动动量？一些页面是相当沉重的图像和一个小jQuery，但我不认为有足够的引起渲染的问题。

But, does anyone know why some pages might not have scroll momentum? Some of the pages are quite heavy with images and a little jQuery, but I wouldn't think there's enough to cause rendering issues.

任何想法？

开发网站的链接是： apt.codeplayground.co.uk 。

我们的 .wrapper div似乎有问题，因为这不包括在工作的about页面上，现在我们

There appears to be a problem with our .wrapper div, as this wasn't included on the about page that was working, now we've included it the scroll doesn't work properly.

推荐答案

我刚刚遇到同样的问题。我找到此链接，解决了此问题。

I just had the same problem. I found this link, which solved the issue.

将这一行css添加到滚动的元素：-webkit-overflow-scrolling：touch;

Add this line of css to the element that scrolls: -webkit-overflow-scrolling: touch;

#element_that_scrolls
{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

这篇关于移动Safari滚动动画不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！