webkit-overflow-scrolling：触摸；方向改变问题

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

，一切都会按预期工作。我只是对高度进行动画处理，这会触发滚动容器的回流/重绘。