如何停止在面板内滚动并仅允许listview滚动

Question

我有一个面板，其中包含一个div，当有人在列表视图中向下滚动时，该div不需要滚动，就像现在滚动滚动整个面板时一样。我使用英特尔XDK NEW与App Framework 2.0，jQuery和JQM。这是我有的请看评论

<div id="home" class="panel" data-nav="home-nav" data-load="loadDashData">
                <header>
                    <h1>test</h1>
                </header>
                <div id="dashUserInfo" class="user-info"> //THIS IS THE DIV I DONT WANT SCROLLING
                    <div class="white-strip">
                        <h1 id="dashUserFullName" class="user-fullname">Aaron Russell</h1>
                        <h2 id="dashNotifications" class="user-new-notification-count">no new notifications</h2>
                    </div>
                    <div id="dashAvatarHolder" class="avatar">
                    </div>
                </div>

                <div class="listHolder"> // THIS IS THE ONLY THING THAT SHOULD SCROLL
                    <ul id="dashList" class="list">
                    </ul>
                </div>

                <footer>
                    <a href="#home" style="float:left;" id="tabButton" class="atme-icon-home active-icon" data-transition="none"></a>

                    <a href="#inbox" id="tabButton" class="atme-icon-chat-empty" data-transition="none"></a>

                    <a href="#contact" style="float:right;" id="tabButton" class="atme-icon-user" data-transition="none"></a>
                </footer>
            </div>

我已经尝试了将.user-info设置为固定为listview添加margin-top的所有可能性。那不起作用。我尝试了面板上常用的style =“overflow：hidden”技术来停止在面板上滚动，然后将style =“overflow：visible”添加到我要滚动的列表视图中，这也失败了。我现在不知道该怎么做。

也许一个jQuery脚本我可以调用我不想滚动的div？

编辑：我想到了一种方法，我可以做到这一点，我可以禁用所有滚动应用程序，只在具有特定类的listview div上启用它...但是我不熟悉如何实现最后一部分发生。我知道如何禁用所有原生滚动...