Question

我已经创建了一个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

Answer 1

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

祝你好运！

Cordova页脚位置固定IOS11

1 个答案: