我编程移动网站,我想一个元素被固定在屏幕上的特定位置,呆在那里即使用户向下滚动页面。我无法使用位置:据我所知固定,因为iPhone不支持它。我怎么做到这一点?我不想使用jQuery手机。CSS/jQuery的 - 需要持续的页脚,而无需使用位置:固定
0
A
回答
1
林敢拿说的iOS5将支持固定的开始。 但现在,你是ganna必须使用JavaScript来移动它。 让我们假设乌尔页脚的ID是“myFooter”
window.addEventListener(
'scroll',
function() {
document.getElementById('myFooter').style.top =
(window.pageYOffset + window.innerHeight - footerHeight) + 'px';
},
false
);
滚动时应该将它(footerHeight是您的页脚的高度,也可以用document.getElementById("myFooter").style.height
检索如果样式对象是用来定义高度
如果有什么我没有在上述溶液forseen,你总是可以分割视窗成两个部分,内容和页脚。只是绝对定位页脚,结合使用触摸事件(touchmove
,touchend
,targetTouches
等) scrollTo
(scrollTo(destination,duration))在您的内容区域
2
你可能想利用jQuery Mobile的,特别检查了部分“老大难页脚导航栏”
http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html
相关问题
- 1. viewForFooterInSection需要设置页脚固定的绝对位置
- 2. 固定位置(标题)...需要更正所有后续部分的位置?
- 3. 引导2列需要滚动,而其他固定位置
- 4. 用jquery slideUp固定的页脚需要流畅度
- 5. 浮顶库,而无需使用位置
- 6. 中心,而无需使用位置
- 7. 需要使用位置:固定但仍需流动元素。怎么做?
- 8. 需要停止页脚上方的固定侧边栏
- 9. 需要有关Android固定页脚的线性布局帮助
- 10. 位置:iPhone中的固定页脚iOS
- 11. 需要固定位置元素周围的多个边框
- 12. 固定位置页脚,随着页面滚动而移动
- 13. 使用CSS位置的页脚之上的空白:固定
- 14. 获取背景位置,而无需使用位置服务IOS
- 15. 位置需要使用JavaFX的gradle与
- 16. 固定页眉,页脚位于灵活的固定位置容器内
- 17. 与最小宽度固定页脚,需要能够滚动
- 18. 持续集成 - 需要xvfb的
- 19. 如何修复页脚无脚位置:固定;?
- 20. 在页脚停止固定位置
- 21. CSS位置固定底部页脚
- 22. css固定位置页脚打印
- 23. Mobile Safari固定位置页脚问题
- 24. CSS固定标题 - 是否需要两个位置?
- 25. 无法定位引导要素需要
- 26. 的Java练习....需要帮助,而无需使用getter和setter
- 27. Perl脚本,而无需使用密码
- 28. 32位乘法,而无需使用MUL
- 29. 需要将图像修复到页面上的特定位置
- 30. 为什么不使用位置:固定为“粘性”页脚?
或许有所帮助:http://stackoverflow.com/questions/743123/fixed-positioning-in-mobile-safari –
你的意思是该元素必须为用户保持可见? –
是的 - 它必须始终在页面底部可见。 – mheavers