iOS 5 为 JavaScript/Web 应用程序带来了许多好东西。其中之一是改进滚动。如果添加
-webkit-overflow-scroll:touch;
对于 textarea 元素的样式，用一根手指滚动可以很好地工作。
但是有一个问题。为了防止整个屏幕滚动，建议网络应用添加这行代码：
document.ontouchmove = function(e) {e.preventDefault()};
但是，这会禁用新的滚动。
有没有人有一个很好的方法来允许在 textarea 内进行新的滚动，但不允许整个表单滚动？
更新Per Alvaro 的评论，此解决方案可能不再适用于 iOS 11.3。
您应该能够通过选择是否调用 preventDefault 来允许滚动。例如，
document.ontouchmove = function(e) {
var target = e.currentTarget;
while(target) {
if(checkIfElementShouldScroll(target))
return;
target = target.parentNode;
}
e.preventDefault();
};
或者，这可以通过阻止事件到达文档级别来工作。
elementYouWantToScroll.ontouchmove = function(e) {
e.stopPropagation();
};
编辑对于稍后阅读的任何人，替代答案确实有效并且更容易。
Brian Nickel 的答案的唯一问题是（正如 user1012566 所提到的）stopPropagation 不会在您达到可滚动边界时阻止冒泡。您可以通过以下方式防止这种情况：
elem.addEventListener('touchstart', function(event){
this.allowUp = (this.scrollTop > 0);
this.allowDown = (this.scrollTop < this.scrollHeight - this.clientHeight);
this.prevTop = null;
this.prevBot = null;
this.lastY = event.pageY;
});
elem.addEventListener('touchmove', function(event){
var up = (event.pageY > this.lastY),
down = !up;
this.lastY = event.pageY;
if ((up && this.allowUp) || (down && this.allowDown))
event.stopPropagation();
else
event.preventDefault();
});
对于任何试图与PhoneGap的，以达致这，你可以在禁用弹性滚动cordova.plist，对于设置的值UIWebViewBounce来NO。我希望能帮助任何人在这上面花费很多时间（就像我一样）。
ScrollFix 似乎是完美的解决方案。我测试了它，它就像一个魅力！
https://github.com/joelambert/ScrollFix
/**
* ScrollFix v0.1
* http://www.joelambert.co.uk
*
* Copyright 2011, Joe Lambert.
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
var ScrollFix = function(elem) {
// Variables to track inputs
var startY, startTopScroll;
elem = elem || document.querySelector(elem);
// If there is no element, then do nothing
if(!elem)
return;
// Handle the start of interactions
elem.addEventListener('touchstart', function(event){
startY = event.touches[0].pageY;
startTopScroll = elem.scrollTop;
if(startTopScroll <= 0)
elem.scrollTop = 1;
if(startTopScroll + elem.offsetHeight >= elem.scrollHeight)
elem.scrollTop = elem.scrollHeight - elem.offsetHeight - 1;
}, false);
};