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