移动端web页面悬浮图标解决方案的困惑~

小V 2014-10-26 09:01:51

想在移动端web页面加一个“返回顶部”的悬浮按钮图标，但是考虑到ios4-是不支持fixed的，这种情况要怎么解决好呢？
个人是有考虑过设absolute后，页面滚动时用js来不断修改bottom或top值来控制其方位，但这样会有抖动的bug，体验不太好。

唉，如果是header和footer那种宽度100%的固定的，我就写俩方案——安卓用fixed，ios则用iscroll解决，但遇到悬浮图标的情况我突然就懵了不知道怎么处理好了。。。。
求各位前辈给建议哈，感谢~！

...全文

449 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

小V 2014-11-06

打赏
举报

回复

引用 2 楼 slwsss 的回复:

试下在滚动时隐藏到，滚动停止后再显示

谢谢了，我之前的确是这样解决的，给你分值吧

slwsss 2014-10-27

打赏
举报

回复

试下在滚动时隐藏到，滚动停止后再显示

save4me 2014-10-27

打赏
举报

回复

absolute是绝对定位，为什么需要js？

1. Map 地图 2. Filled Map 着色地图3. Shape Map 默认形状地图4. Globe Map、Flow Map、iconMap等其他地图5. Shape Map 自定义中国地图6.... 地图上悬浮显示图标11. 地图标记新冠病例活动点位

作者 |顾轶灵来源 | 商业平台技术实践导语在产品中适当使用图标，可以让产品更生动，也更简洁。在前端项目中，处理和引入图标都是必不可少的环节。在 Web 产品中引入图标，大致经历过如下...

JavaWeb 参考文章： ...01、Web基础概念简介 1、服务器与客户端线下的服务器与客户端线上的服务器与客户端客户端的各种形式 PC端网页 移动端 Iot设备服务器的各种形式参考文章：https://heavy...

CSS3 实现文字流光渐变动画 - 前端 - 掘金来自百度前端技术学院的实践任务：有趣的鼠标悬浮模糊效果，参考：http://ife.baidu.com/course/d...，用CSS3实现了一下，顺便复习下CSS的基础。 ... 提升你的 CSS 姿势 - ...

这一千个项目涵盖了各种各样的领域，包括但不限于人工智能、机器学习、Web开发、移动应用开发、游戏开发、数据科学等。这些项目不仅有着极高的技术含量，而且在创新性、实用性、易用性等方面也表现出了令人惊叹的...

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章