我编程移动网站,我想一个元素被固定在屏幕上的特定位置,呆在那里即使用户向下滚动页面。我无法使用位置:据我所知固定,因为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. 需要有关Android固定页脚的线性布局帮助
- 8. 使用CSS位置的页脚之上的空白:固定
- 9. 如何修复页脚无脚位置:固定;?
- 10. CSS位置固定底部页脚
- 11. css固定位置页脚打印
- 12. 持续集成 - 需要xvfb的
- 13. CSS固定标题 - 是否需要两个位置?
- 14. 无法定位引导要素需要
- 15. Perl脚本,而无需使用密码
- 16. 32位乘法,而无需使用MUL
- 17. 为什么不使用位置:固定为“粘性”页脚?
- 18. 绝对定位的div需要底部边缘上的文件具有固定页脚
- 19. 需要帮助固定Alexa的技能
- 20. 位置是:固定 - 推我的页脚在页眉
- 21. 重定向页面,而无需使用htaccess的
- 22. Css不需要的右边距,粘脚未固定
- 23. 持续集成 - 是否需要?
- 24. 需要设备无关的位图位
- 25. 使用sfDoctrineGuardPlugin。要设置id字段,而无需用户选择
- 26. 页脚没有固定在自定义类的位置
- 27. 的UIScrollView保持按钮固定位置
- 28. Arduino - 需要疯狂的0的数量,使LED持续3秒
- 29. 常见heade和页脚的所有网页,而无需使用PHP,JSP,ASP
- 30. 此定义需要位置属性
或许有所帮助:http://stackoverflow.com/questions/743123/fixed-positioning-in-mobile-safari –
你的意思是该元素必须为用户保持可见? –
是的 - 它必须始终在页面底部可见。 – mheavers