滚动定位错乱_html/css_WEB-ITnose

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

(0)
上一篇 2025年3月28日 13:19:00
下一篇 2025年3月28日 13:19:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML如何隐藏滚动条或去除滚动条

    滚动条可以存在也可以不存在,本文主要介绍了html 隐藏滚动条和去除滚动条的方法的相关资料,大家一起来学习一下html隐藏滚动条或去除滚动条的方法吧。 1. html 标签加属性 XML/HTML Code复制内容到剪贴板 2.body中加…

    编程技术 2025年3月28日
    100
  • marquee元素如何实现滚动字体与图片的效果

    这次给大家带来marquee元素如何实现滚动字体与图片的效果,marquee元素实现滚动字体与图片的效果的注意事项有哪些,下面就是实战案例,一起来看一下。 marquee元素可以实现简单的字体(图片等)的滑动等效果: #div01{ wid…

    编程技术 2025年3月28日
    100
  • overflow的滚动有哪些重要性

    这次给大家带来overflow的滚动有哪些重要性,overflow的滚动重要性的overflow有哪些,下面就是实战案例,一起来看一下。 原理 设置一个块级作用域溢出的效果,只需要在外部块的位置上设置overflow:scroll和heig…

    编程技术 2025年3月28日
    100
  • H5中的定位

    这次给大家带来h5中的定位,h5中定位的注意事项有哪些,下面就是实战案例,一起来看一下。 一.定位流分类 1.1相对定位1.2注意事项1.3固定定位1.4静态定位 二.什么是相对定位? 相对定位就是相对于自己以前在标准流中的位置来移动pos…

    编程技术 2025年3月28日
    100
  • 滚动条的简单实现

    本篇文章为大家带来一篇学习小实例–滚动条的简单实现。现在就分享给大家,也给大家做个参考。 nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www…

    编程技术 2025年3月28日
    100
  • 如何在uniapp中使用地图和定位功能

    如何在uniapp中使用地图和定位功能 一、背景介绍随着移动应用的普及和定位技术的迅猛发展,地图和定位功能已经成为了现代移动应用中不可缺少的一部分。uniapp是一种基于Vue.js开发的跨平台应用开发框架,可以方便开发者在多个平台上共用代…

    2025年3月13日
    200
  • 如何在uniapp中实现手机定位和地图导航

    【标题】实现手机定位和地图导航的uniapp开发指南 【导言】随着智能手机的普及和地图导航服务的发展,手机定位和地图导航已经成为现代生活中不可或缺的功能之一。本文将针对uniapp开发框架,介绍如何在uniapp中实现手机定位和地图导航的具…

    2025年3月13日
    200
  • Vue中如何使用路由实现页面滚动控制和定位?

    vue中如何使用路由实现页面滚动控制和定位? 在Vue应用中,使用路由可以实现页面之间的跳转和导航。除了基本的跳转功能外,我们还可以利用路由实现页面滚动控制和定位,提升用户体验和页面导航的效果。本文将介绍如何在Vue中使用路由实现页面滚动控…

    编程技术 2025年3月13日
    200
  • 如何使用Vue实现地理位置定位特效

    如何使用Vue实现地理位置定位特效 在现代Web开发中,地理位置定位特效已经成为许多应用程序中不可或缺的一部分。使用Vue框架,我们可以方便地实现地理位置定位特效,为用户提供更好的使用体验。本文将介绍如何使用Vue来实现地理位置定位特效,并…

    2025年3月13日
    200
  • 如何使用Vue实现网页滚动特效

    如何使用Vue实现网页滚动特效 随着互联网的不断发展,网页设计已经越来越注重用户体验,特别是在滚动特效方面。滚动特效可以为网页增添动态感和交互性。本文将介绍如何使用Vue实现网页滚动特效,并提供具体的代码示例。 安装Vue和Vue Rout…

    2025年3月13日
    200

发表回复

登录后才能评论