Html 从滚动列表中排除对象

我正在开发一个带有PhoneGap的HTML5应用程序，它有一个长页面作为首页，并启用了滚动功能。默认情况下，在手机上（至少是iPhone），当你滚动到顶部时，内容会变得简单（这是我能想到的最好的描述）。由于PhoneGap使用浏览器，因此我的标题也将受到此限制，这是我不希望看到的

是否可以允许某些HTML对象而不允许其他对象的超链接？

检查--您可以通过将其添加到

config.xml

文件中来控制页面是否允许超链接：

<preference name="DisallowOverscroll" value="true"/>

---

新增于2014年9月4日：

---

以下是我的典型DOM结构：

<div class="ui-container">
  <div class="ui-navigation-bar"> Title of View </div>
  <div class="ui-scroll-container"> Long Content Goes Here</div>
</div>

值得一提的是，

ui容器

也绝对定位：

.ui-container {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
}

最后，可滚动内容接收到以下内容：

.ui-scroll-container {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: tough;
    padding-top: 44px; /* avoid navbar; iOS 7: 64px */
}

这会将标题固定在屏幕顶部（或下一个定位的父项），并将其放置在可滚动内容的上方。可滚动内容位于其自己的

div

中，确保它与所有其他内容分开滚动（和反弹），从而保留了本地的感觉

需要注意的是，您可以使用

top:44px

而不是

padding top:44px

——我使用padding的原因是我经常对导航栏应用渐变来模拟iOS7的模糊条。这不是天生的完美，但它允许iOS7的滚动或不透明效果

---

我不熟悉jQuery mobile。但通常在大多数移动UI框架中，应该有一个小部件/头选项，将头设置为顶部的固定位置。这使内容也可以滚动，标题保持固定在顶部。是。这也是我现在所做的，但是当滚动到边界时没有“放松”，因此用户没有收到任何反馈，表明确实发生了什么事情。这个解释有意义吗？我仍然想要放松的效果，但不是头球。我在答案中添加了更多的内容——希望这会有所帮助，假设我理解正确的话。

.ui-container {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
}

.ui-scroll-container {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: tough;
    padding-top: 44px; /* avoid navbar; iOS 7: 64px */
}