jquery - パネル内のスクロールを停止し、リストビューのスクロールのみを許可する方法

Question

誰かがリストビューを下にスクロールしているときにスクロールする必要のない div を含むパネルがあります。スクロールするとパネル全体がスクロールされます。App Framework 2.0、jQuery、および JQM で Intel XDK NEW を使用しています。これが私が持っているものですコメントをご覧ください

<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リストビューにmargin-topを追加して修正するためのあらゆる可能性を試しました。それはうまくいきませんでした。パネルで一般的に使用される style="overflow: hidden" テクニックを試して、パネルのスクロールを停止し、スクロールしたいリストビューに style="overflow:visible" を追加しましたが、これも失敗しました。私は今何をすべきかわかりません。

たぶん、スクロールしたくないdivに呼び出すことができるjQueryスクリプトですか？

編集:私はそれを行う方法を考えました.アプリのすべてのスクロールを無効にし、特定のクラスのリストビュー div でのみ有効にすることができました...しかし、最後の部分を実現する方法に慣れていません. すべてのネイティブスクロールを無効にする方法を知っています...