отключение динамической прокрутки только для html, но поддержание для элементов с переполнением: scroll

Я создаю полноэкранное веб-приложение, которое будет иметь некоторые модули / виджеты, использующие новые функции переполнения iOS 5: прокрутки . Я хочу отключить этот "упругий" эффект при прокрутке html / body (так как он полноэкранный), но сохранить этот эффект только для прокручиваемых элементов.

, чтобы сгладить эффекты прокручиваемых элементов, которые у меня есть:

html, body { overflow: hidden; }

.scrollable {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

, а затем следующий скрипт, который отключает эффект сенсорной прокрутки:

$(document).bind('touchmove', function (e) { 
    if (e.target === document.documentElement) {
        e.preventDefault(); 
    }
});

хотя это, похоже, вообще не работает, потому что при прокрутке элемента до самого низа end или top он также прокручивает documentElement .

Есть ли способ отключить этот эффект только для элемента HTML body?

Вот хороший пример того, как это влияет на функциональность:

http://dl.dropbox.com/u/1928164 /ios5/index.html