滚动定位错乱_html/css_WEB-ITnose
程序员文章站
2022-05-20 07:53:45
...
开发了个手机网页,其中有个功能是当页面滚动到某个元素时,将其固定在顶部。
html代码如下:
js代码如下:
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
推荐阅读
-
IE8浏览器滚动滚动条很卡_html/css_WEB-ITnose
-
这个页面的DIV不随滚动条滚动的效果是怎么做到的?谁能帮我解决下?有现成简单的代码更好_html/css_WEB-ITnose
-
怪事,求html高手帮忙,希望一打开浏览器滚动条就在最下面,但ie6和ie9不能同时有效?_html/css_WEB-ITnose
-
CSS Position 定位_html/css_WEB-ITnose
-
css3实现光标悬浮滚动菜单_html/css_WEB-ITnose
-
css3实现光标悬浮滚动菜单_html/css_WEB-ITnose
-
固定表格四周,实现表格上下左右滚动_html/css_WEB-ITnose
-
固定右侧边栏滚动特效_html/css_WEB-ITnose
-
绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose
-
css 中position定位_html/css_WEB-ITnose