我有一个面板,其中包含一个当有人向下滚动列表视图时不需要滚动的 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 上启用它......但是我不熟悉如何实现最后一部分。我知道如何禁用所有本机滚动...