首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >iOS:车身固定,div卷轴。多么?

iOS:车身固定,div卷轴。多么?
EN

Stack Overflow用户
提问于 2016-01-25 23:32:32
回答 1查看 679关注 0票数 0

为了完全兼容,就像对旧式 iOS设备(很难添加固定的顶部条或固定菜单)一样,我固定了页面主体的位置(以防止元素滚动),这似乎是在这些设备上将几个页面元素固定在屏幕上的解决方案。

我做了一个应该可以滚动的div。只有这个div我想要能够滚动,也是在旧的iOS设备上。但不起作用。当我试图滚动时,主体尝试滚动(这是固定的),而不是滚动元素。

我举了一个可以向下滚动到23号的例子。但在较旧的iOS上,它仍然完全不滚动。我做了几件事情,使它更有可能滚动,但它没有在旧的iOS设备上。

我做错什么了?

代码语言:javascript
运行
复制
body{
  width:100%;
  height:100%;
  text-align:center;
  position:fixed;
}

.contentwrap {
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  position: static;
  width:100%;
  height:100%;
}


<ul id="menu">
<li><a href="#page 1">Section 1</a>
<span><a href="#page 2">Section 1A</a></span>
<span><a href="#page 3">Section 1B</a></span>
<span><a href="#page 4">Section 1C</a></span>
</li>
<li><a href="#page 5">Section 5</a></li>
</ul>

<div class="contentwrap">1 <br> 2 <br> 3 <br> 4 <br> 5 <br> 6 <br> 7 etc...</div>

编号23的完整代码:

https://jsfiddle.net/vf18x37n/

EN

回答 1

Stack Overflow用户

发布于 2016-01-25 23:40:16

试着给出允许它滚动的部分!重要。这样,它就会覆盖任何导致它不滚动的东西。

例子:

代码语言:javascript
运行
复制
#scroll {
    overflow-y:scroll !important;
   -webkit-overflow-scrolling:touch !important;
 } 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35004467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档