webkit-overflow-scrolling：touch;方向改变问题

Question

好的，所以我有一个具有指定宽度的固定位置div。如果内容足够长，需要在一个设备方向（横向）中溢出，而另一个（纵向）滚动则在设备更改方向时停止工作。

iOS7出现此问题（无法测试以前的版本）

以下是示例的地址：https://r3dux.com/css/overflow.php

以下是该问题的说明：

Answer 1

我用CSS解决了这个问题。

@media (orientation: landscape) {
  .webkit-scroll-container > * {
    -webkit-animation: fixWebkitOverflowScroll 1s;
  }

  @-webkit-keyframes fixWebkitOverflowScroll
  {
    0% {padding-bottom: 1px;}
    100% {padding-bottom: 0px;}
  }
}

只需将其放在样式表中，指定类“.webkit-scroll-container”，一切都将按预期工作。我只是为高度设置动画，这会触发滚动容器的重排/重绘。