最近在做公司需求的时候, 需要做一个实时搜索, 考虑到滚动, 于是将搜索结果框使用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);