0

我有一个面板,其中包含一个当有人向下滚动列表视图时不需要滚动的 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为固定添加到列表视图的边缘顶部的所有可能性。那没有用。我尝试了面板上常用的 style="overflow: hidden" 技术来停止在面板上滚动,然后将 style="overflow:visible" 添加到我想要滚动的列表视图中,但也失败了。我不知道现在该怎么办。

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

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

4

0 回答 0