blocks|key|3142002|text|我也有同样的问题。这个问题原来是由两个零大小的iframe引起的，我的站点使用它们来跟踪历史记录更改和加载脚本。删除这些已解决此问题。我向苹果提交了一个bug，等待他们的回复。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3142003|检查页面上是否有任何iframe，它们可能是原因。|3142004|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I had exactly the same issue. The problem turned out to be caused by two zero size iframes my site used to track history changes and load scripts. Removing these fixed the issue. I filed a bug with apple, waiting to hear back from them.

Check to see if you have any iframes on your page they could be the cause.

blocks|key|250696|text|您需要将此css设置放入css文件中-使用content_css配置变量加载的文件：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|250697|body+{
++++-webkit-transform:+translate3d(0,+0,+0);
}|code-block|syntax|javascript|250698|另一种选择是在tinymce初始化时直接从代码设置css：|250699|$(tinymce.activeEditor.getBody()).css('-webkit-transform',+translate3d(0,+0,+0));|250700|entityMap|0|LINK|mutability|MUTABLE|url|http://www.tinymce.com/wiki.php/Configuration%253acontent_css^0|L|B|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

You need to put this css setting in your css file - the one you load using the <a href="http://www.tinymce.com/wiki.php/Configuration%3acontent_css" rel="nofollow">content_css</a> configuration variable:

<pre><code>body {
 -webkit-transform: translate3d(0, 0, 0);
}
</code></pre>

The other option is to set the css directly from code on tinymce initialization:

<pre><code>$(tinymce.activeEditor.getBody()).css('-webkit-transform', translate3d(0, 0, 0));
</code></pre>

blocks|key|247165|text|我已经找到了一个很好的解决方案，但它需要javascript...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|247166|我是在通过ajax加载可滚动节点并附加js时遇到这个问题的。|247167|我发现用js重置-webkit-overflow-scrolling属性节省了时间。|247168|JS代码：|247169|var+myDiv+=+$('.myDiv');
myDiv.css('-webkit-overflow-scrolling','auto');
function+fn(){
++++myDiv.css('-webkit-overflow-scrolling','touch');
}
setTimeout(fn,500);|code-block|syntax|javascript|247170|我们不得不调用setTimeout方法，这真的很糟糕，但这是我能想到的唯一方法...|offset|length|style|CODE|247171|编辑:注意display:none|247172|Webkit+overflow+scrolling+touch+CSS+bug+on+iPad|247173|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9084118/webkit-overflow-scrolling-touch-css-bug-on-ipad/12477554#12477554^0|0|0|0|0|0|7|A|0|5|C|0|0|1B|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|19|8|@$O|1A|P|1B|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1C|8|@$O|1D|P|1E|Q|R]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1F|8|@]|9|@$O|1G|P|1H|1|1I]]|A|$]]|$1|W|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

I have found a hacky solution but it needs javascript...

I stumbled upon that problem while loading scrollable nodes via ajax and appending them with js.

I found out that resetting the -webkit-overflow-scrolling property with js saved the day

JS CODE:

<pre><code>var myDiv = $('.myDiv');
myDiv.css('-webkit-overflow-scrolling','auto');
function fn(){
 myDiv.css('-webkit-overflow-scrolling','touch');
}
setTimeout(fn,500);
</code></pre>

It really sucks that we have to call the <code>setTimeout</code> method but that's the only way I could think of...

EDIT : Watch out for <code>display:none</code>

<a href="https://stackoverflow.com/questions/9084118/webkit-overflow-scrolling-touch-css-bug-on-ipad/12477554#12477554">Webkit overflow scrolling touch CSS bug on iPad</a>

blocks|key|3142079|text|我在iOS+5.1.1中也遇到了同样的问题，事实证明这是由于带有position:+fixed的::after伪元素所致，该元素包含了显示“错误滚动轴”行为的可滚动列表。Details+here。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3142080|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/13391165/1170723^0|W|F|1C|7|2D|C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

I had the same problem in iOS 5.1.1 and it turned out to be due to an <code>::after</code> pseudo-element with <code>position: fixed</code> that was on an element that contained the scrollable list exhibiting the "wrong scroll axis" behavior. <a href="https://stackoverflow.com/a/13391165/1170723">Details here</a>.

I have an HTML page with a fixed-height div which should be scrollable (only vertically). In iOS 5 this can be achieved using:

<pre><code>overflow-y: auto;
-webkit-overflow-scrolling: touch;
</code></pre>

The div contains an unordered list with about 10 items.

The scrolling works, but sometimes it scrolls only if I swipe my finger diagonally or even horizontally and not vertically as it should be.

I'm wondering if anyone has encountered this issue. I don't want to think that it is a bug in iOS5, but I can't figure out what I'm doing wrong because most of the time it works fine.

Issue with scrolling in iOS 5 using -webkit-overflow-scrolling

我有一个带有固定高度的div的超文本标记语言页面，它应该是可滚动的(只能垂直滚动)。在iOS 5中，这可以使用以下命令来实现：overflow-y: auto;-webkit-overflow-scrolling: touch;div包含一个无序列表，其中包含大约10个项目。滚动是有效的，但有时只有当我的手指对角甚至水...

问在iOS 5中使用-webkit-overflow-scrolling滚动时出现问题
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS 5中使用-webkit-overflow-scrolling滚动时出现问题EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS 5中使用-webkit-overflow-scrolling滚动时出现问题
EN