您的当前位置:首页正文

滚动定位错乱_html/css

2020-11-27 来源:要发发教育

开发了个手机网页,其中有个功能是当页面滚动到某个元素时,将其固定在顶部。
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