How to create device-fixed containers?

Question

I've got position:fixed; container and it is always fixed when I sroll page on PC (remains on the top left corner).

On iPhone it appears on the top left corner but it stays there forever as I scroll. Is there any solution to that?

http://stackoverflow.com/a/6273183/1182904 – Josh Jones Mar 14 '12 at 13:28 — Josh Jones, Mar 14 '12 at 13:28

NickGreen · Accepted Answer · 2012-03-14T14:51:23.270

1

edit: Miss read the question:

As Josh' link suggests you can achieve this by:

window.onscroll = function() {
  document.getElementById('fixedDiv').style.top =
    (window.pageYOffset + window.innerHeight - 25) + 'px';
};

edited Mar 14 '12 at 14:51

answered Mar 14 '12 at 13:27

NickGreen

Looks like position: fixed; will be supported in iOS 5. I'll use your solution for iPhone 2G and iPhone 3G. – Atadj Mar 14 '12 at 16:30

1 Answers1