开发了个手机网页,其中有个功能是当页面滚动到某个元素时,将其固定在顶部。
html代码如下:
- 详情
- 评价
登录后复制
js代码如下:
$(function(){setTimeout(function(){var navH = $(".ui-follow").offset().top;$(window).scroll(function(){var scroH = $(this).scrollTop();if(scroH >= navH){$(".ui-follow").css({"position":"fixed","top":0,"left":0,"right":0,"z-index":998});}else if(scroH
即设置fixed将这个ul给固定住,现在的问题是仅在iphone下这个ul无法固定在顶部,其他安卓以及pc端模拟都没有问题。谷歌了下说iphone是不支持fixed属性,大婶请指点思路。
回复讨论(解决方案)
产生原因可以看下这里 http://www.oschina.net/question/1092_81432
里面介绍了解决方法 可以通过jquery moblie 来解决
不过鉴于框架本身的渲染性能问题,你可以考虑利用iScrool.js来处理
用iScroll解决手机浏览器position:fixed失效的问题你可以动态计算啊,还是用 position: absolute
登录后复制
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3091874.html