小编use*_*012的帖子

我在iPhone上有一个非常大的错误,它使页面无法使用,我无法解决它.我也找不到关于这个问题的任何话题.

我有以下屏幕:

在中间,有一个div,它被设置-webkit-overflow: auto;为在这个div内平滑滚动.滚动工作非常精细和流畅.

但是直到我touchmove在这个div之外的另一个元素上做一个.如果我这样做并尝试再次滚动滚动容器,它就会冻结而根本不会移动.在滚动容器上点击几次后,它再次滚动.它正在丢失滚动容器的滚动焦点并尝试滚动父级.

所以,如果我做这样的运动:

这看起来像这样:

注意:我只是从底部容器移动到溢出div中.释放手指然后再次尝试滚动后,它仍会滚动父div.

我做了一个简短的例子,所以你可以在这里看一下你的iphone /手机.

此问题仅在使用-webkit-overflow: auto正常时出现,overflow: scroll它始终有效但是...您知道这种滚动感觉有多么迟钝.

当您点击/点击容器时,有没有办法强制滚动焦点在所需的容器中-overflow-scrolling: touch;？

说实话,我有点绝望.

我的Google Chrome浏览器更新后 - 从我认为版本39到41 - 我的一个客户网站在Chrome中完全毁了.

你可以在这里看到它:http: //prinovis-media-day.com/

如果向下滚动,所有»parallax«元素都会闪烁. 我已经在版本39上的Macbook上检查了它 - 它在版本39中绝对没问题.

基本上,我正在做的创建这种效果非常简单:

$("window").scroll(function(){

     var move_value = Math.round(scroll_top * 0.3);
     var opacity_value = *some other value*;

     $(".parallax-container__content").css({

        'opacity': opacity_value,
        'padding-top': move_value +'px'

     });

});

有谁知道这件事情是什么？在此更新之前,它就像一个魅力......

非常感谢,我真的很感激任何答案!