最近在做公司需求的时候, 需要做一个实时搜索, 考虑到滚动, 于是将搜索结果框使用 position: fixed 进行定位, 在 PC 端和 Android 实现都很好, 但是在 iOS 上, 会出现错位请输入代码的情况, 虽然说 iOS 5 已经支持 position: fixed, 但是实际效果却不理想, 当滚动条滚动时,搜索结果框就会出现屏幕的上方,很不协调。定位改为 absolute 即可:
CSS
.schRst {
display: none;
position: absolute;
overflow: scroll;
left: 10px;
right: 10px;
bottom: 30px;
min-height: 150px;
max-height: 350px;
z-index: 10;
width: auto;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 1px 1px 10px #454545;
}
JS
let top = $(iptEle).offset().top + $(iptEle).height() + 20;
$('.schRst').css('top', top);