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

概述好的,所以我有一个具有指定宽度的固定位置div.当内容足够长以在一个设备方向(横向)中需要溢出,而另一个(纵向)滚动时,如果设备改变方向则停止工作. iOS7会出现此问题(无法测试以前的版本) 以下是示例的地址：https://r3dux.com/css/overflow.php 以下是该问题的说明： 我用CSS修复了这个问题. @media (orientation: landscape) { 好的,所以我有一个具有指定宽度的固定位置div.当内容足够长以在一个设备方向(横向)中需要溢出,而另一个(纵向)滚动时,如果设备改变方向则停止工作.

iOS7会出现此问题(无法测试以前的版本)

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

以下是该问题的说明：

解决方法 我用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”,一切都将按预期工作.我只是为高度设置动画,这会触发滚动容器的重排/重绘.

总结

以上是内存溢出为你收集整理的html – webkit-overflow-scrolling：touch;方向改变问题全部内容，希望文章能够帮你解决html – webkit-overflow-scrolling：touch;方向改变问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。