移动端positon:fixed;这个属性iphone手机上有问题吗?

2025-04-05 03:21:03
推荐回答(1个)
回答1:

position:fixed这个属性,但是发现在iphone中并不支持这个属性,菜单会随着滚动条滚动而滚动。后然就想到通过脚本控制来解决(参考jquery mobile),通过touchstart,touchmove和touchend事件来计算clientY变化来相应移动菜单,但是还是发现有两个问题,如果移动的快的话:1.菜单无法及时定位有延迟2.在iphone中touchend事件后还会scroll,看了jquery mobile解决办法它是先隐藏相应菜单,等算好了再显示,总觉得怪怪的,而且这个办法最后还是被项目经理给no了,其实一开始就想到iscroll.js这个框架觉得它蛮不错的。一直有关注它,但是在4.2.5之前版本连内容中A标签都点不了,所以就没想用它,到最后没折了就去蛮试了一下,想不到4.2.5解决很多之前的bug,最后还是用了它来解决。同时也参考了163手机版的做法,采用以下解决办法:
1.在android手机中继续使用position:fixed这个属性;
2.在iphone中使用了iscroll.js框架来解决;