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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理