javascript 只允许一些滚动

Question

我正在构建一个基于网络的小型媒体播放器，其基本结构如下

<div id="content">
    <!-- Some stuff -->
    <div id="playlist" style="overflow-y: scroll">
        <ul>
            <li> </li>
            <!-- ... -->
        </ul>
    </div>
    <!-- more stuff -->
</div>

我构建的播放器完全适合 iphone 窗口，我希望在有人在页面上移动手指时禁用滚动。但我想允许两根手指在播放列表 div 内滚动。我尝试了正常路线

document.ontouchmove = function(e){
    e.preventDefault();
}

但这会禁用两个手指一起滚动。

想法？

Answer 1

    document.ontouchmove = function(e) {
        var target = e.currentTarget;
        while(target) {
            if((target.id === 'playlist'))
                return;
            target = target.parentNode;
        }

        e.preventDefault();
    };