Question

我正在编写一个移动网站，我希望将一个元素固定在屏幕上的某个位置，并在用户向下滚动页面时保持在那里。据我所知，我不能使用position：fixed因为iPhone不支持它。我怎么做到这一点？我不想使用jquery mobile。

Answer 1

你可能想要使用jquery mobile，特别是查看“持久页脚导航栏”部分

http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html

Answer 2

Im ganna开始说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检索

如果在上述解决方案中有一些我没有预见到的东西，您可以随时将视口分为两个部分，即内容和页脚。只需绝对定位页脚并在内容区域上使用触摸事件（touchmove，touchend，targetTouches等）与scrollTo（scrollTo（目的地，持续时间））结合使用

css / jquery - 需要持久页脚而不使用position：fixed

2 个答案: