首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >科尔多瓦页脚位置固定的IOS11

科尔多瓦页脚位置固定的IOS11
EN

Stack Overflow用户
提问于 2018-02-07 23:37:53
回答 1查看 2.1K关注 0票数 1

我创建了一个Cordova/Phonegap网站,一切正常,除了iOS11的iPhone X。问题是页脚被固定在底部,但它并不是一直都在那里。如果我在应用程序上向下滚动,页脚会静止一秒钟,然后到达底部。这个问题只出现在那部手机上,而不是Android或Windows上。

代码语言:javascript
复制
.footer-result
 background-color: $color-4
 bottom: 0px
 clear: both
 color: $color-1
 display: block
 font-family: "ff-kava-web-pro", sans-serif
 font-size: 1.3em
 left: 0
 right: 0
 padding: 10px 20px
 position: fixed !important
 width: 100%
 z-index: 9
 transform: translateZ(0)

example image app

EN

回答 1

Stack Overflow用户

发布于 2018-02-08 00:34:39

好吧-里面有很多CSS文件-很难快速调试,但我认为如果你将固定的脚注元素移动到"body“或div类"views”的简单子级,那么该元素就应该真正固定在底部。我见过iOS中的固定元素,当它们的父div有绝对或相对位置时,跳转或定位不正确。另外,您可能需要查看此页面:https://stanko.github.io/ios-safari-scoll-position-fixed/

祝好运!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48667691

复制
相关文章

相似问题

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