jQuery-禁用滚动体，启用滚动div

我正在创建一个移动应用程序，我正在尝试这样做：我想要打开一个弹出窗口，作为一个自动建议功能。用户输入一个搜索词，在输入下面的div中有与用户搜索相对应的项目

现在，当弹出窗口打开时，我不希望用户能够滚动主应用程序，我只希望他能够在div中滚动搜索结果

<div id="popUpWrapper">
                <div id="popUp">

                    <div class="row">
                        <input type="text" class="textInput" placeholder="Search" />
                    </div>
                    <div class="row">
                        <div id="results" data-title="Results">
                            <div class="frame">
                                <div class="row postItem">
                                    Example search result
                                </div>
                                <div class="row postItem">
                                    Example search result.
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>

搜索结果示例
示例搜索结果。

#PopuwRapper

是一款覆盖调光器，具有100%的宽度和高度。使用jQuery，我通过将

touchmove

事件绑定到

returnfalse

来禁用滚动。但是，这也禁用了

#results

div中的滚动。这无助于从该选择器解除事件绑定。如果我不绑定事件，我可以在#结果中滚动，但主应用程序也会滚动

---

是否有一个我缺少的简单修复方法，或者我应该让它滚动？

问题的评论已经指出，这种实现有一些弱点

---

因此，我建议创建一个页眉和页脚，并使用

position:fixed

定位，而主要的搜索内容基本上保持不变（除了一些顶部和底部填充，以便为页眉和页脚留出空间）。

fyi：“我只希望他能够在div中滚动搜索结果。”-这样做，你会立即疏远几乎所有iPad/iPhone用户。它们无法在div内部以任何形式精确地滚动，因为滚动条甚至不显示。这是一只虫子。。我不知道-他们不能通过向上/向下滑动div来滚动吗？他们必须使用滚动条？滚动条根本不存在。更重要的是，这些设备的操作系统在确定您是在div中滚动还是在页面中滚动时存在问题。对于iPad或iPhone上的用户来说，被迫滚动页面的某一部分是一场噩梦。没错，但为了设计起见，我还是想知道答案，不管Applee用户是谁。我会为他们找到一个不同的解决方案。事实上，我在iOS中的一个div中做了一个滚动，ti工作正常，我也想知道这个问题的答案，因为jQUery Mobile的页面滚动会导致应用程序在用户到达底部时在iOS中闪烁