2011-08-24 55 views
0

我编程移动网站,我想一个元素被固定在屏幕上的特定位置,呆在那里即使用户向下滚动页面。我无法使用位置:据我所知固定,因为iPhone不支持它。我怎么做到这一点?我不想使用jQuery手机。CSS/jQuery的 - 需要持续的页脚,而无需使用位置:固定

+0

或许有所帮助:http://stackoverflow.com/questions/743123/fixed-positioning-in-mobile-safari –

+0

你的意思是该元素必须为用户保持可见? –

+0

是的 - 它必须始终在页面底部可见。 – mheavers

回答

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,你总是可以分割视窗成两个部分,内容和页脚。只是绝对定位页脚,结合使用触摸事件(touchmovetouchendtargetTouches等) scrollTo(scrollTo(destination,duration))在您的内容区域