iPhone浏览器Safari下-对position-fixed支持不太友好的问题

10次阅读

共计 480 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0