素材牛VIP会员
ios上fixed定位问题
 95***06  分类:Html5  人气:1213  回帖:3  发布于6年前 收藏

如图所示(比较简陋哈,见谅),绿色部分为banner图部分,红色区域是正文,很长。文字部分是要定位的。需求就是当页面向下滚动一定距离后,文字部分变为固定定位,定在页面顶部,不再动了。
当页面向上滚动一定距离后,文字部分又恢复到原来的位置(如图所示),不再固定在页面顶部。

这个效果在安卓上还是不错的,可是到了苹果手机上,页面滚动时文字部分的定位就会出现问题。我页面已经滑动到最上面了,文字部分还是固定在页面顶部,大约两三秒后再回到原来的位置。
有大神知道怎么解决吗?我叙述能力一般,见谅!
 标签:csshtml5javascript

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv3 码奴
记***6 JAVA开发工程师 6年前#1

你fixed的dom 放在滚动容器外试试

Lv6 码匠
高***侠 UI设计师 6年前#2

移动端IOS的fixed定位是一直没有解决的问题,有很多BUG的地方,之前做过当有输入框focus状态,所有fixed会消失。所以,移动端考虑ios兼容不建议用fixed。要么换需求,要么用其他方法假象来实现

Lv4 码徒
gu***un UI设计师 6年前#3

之前做过类似的东西,微信里面更严重
最后砍掉这个功能了,你可以尝试下一开始就是fixed定位,只改变top值应该会好一点

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取