Cordova页脚位置固定IOS11

时间:2018-02-07 15:37:53

标签: cordova footer ios11 fixed phonegap

我已经创建了一个Cordova / Phonegap网站,除了在带有IOS 11的iPhone X上外,每个工作都很好。问题是页脚位置固定在底部,但它不会一直停留在那里。如果我向下滚动应用程序,页脚会静止一秒钟然后到达底部。该问题仅出现在该手机上,而不是Android或Windows上。

.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

1 个答案:

答案 0 :(得分:2)

好吧 - 那里有很多CSS文件 - 很难快速调试,但我认为如果你将固定的页脚元素移动为“body”的简单子项或者div类“views”那么该元素应该真正修复至底部。我已经看到iOS中的固定元素跳转或者当父div具有绝对或相对位置时位置不正确。 您也可以查看此页面: https://stanko.github.io/ios-safari-scoll-position-fixed/

祝你好运!