{"action":"created","issue":{"url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/16","labels_url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/16/comments","events_url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/16/events","html_url":"https://github.com/eduardomb/scroll-up-bar/issues/16","id":47137423,"number":16,"title":"Container lags on iPhone","user":{"login":"l174rd","id":806113,"avatar_url":"https://avatars.githubusercontent.com/u/806113?v=3","gravatar_id":"","url":"https://api.github.com/users/l174rd","html_url":"https://github.com/l174rd","followers_url":"https://api.github.com/users/l174rd/followers","following_url":"https://api.github.com/users/l174rd/following{/other_user}","gists_url":"https://api.github.com/users/l174rd/gists{/gist_id}","starred_url":"https://api.github.com/users/l174rd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/l174rd/subscriptions","organizations_url":"https://api.github.com/users/l174rd/orgs","repos_url":"https://api.github.com/users/l174rd/repos","events_url":"https://api.github.com/users/l174rd/events{/privacy}","received_events_url":"https://api.github.com/users/l174rd/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/eduardomb/scroll-up-bar/labels/bug","name":"bug","color":"fc2929"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":8,"created_at":"2014-10-29T11:32:37Z","updated_at":"2015-11-26T22:21:48Z","closed_at":null,"body":"Hi,\r\nI implemented Scroll-up-bar in a project. When I scroll down on the iPhone screen, the topbar hides, but if I scroll down again, the topbar-container doesn't hide automatically. It hides for a **short time** and **appears again**. Can anyone reproduce this or does anyone know what kind of bug this is?\r\n\r\nI initiate the scrollbar like this:\r\n```javascript\r\n$('#topbar').scrollupbar();\r\n```\r\nMy HTML markup:\r\n```html\r\n<div id=\"topbar\" class=\"navbar\">\r\n\t<div class=\"topbar-inner\">\r\n\t\t<ul id=\"mobile-navigation\" class=\"nav menu\">\r\n\t\t\t<li>foo</li>\r\n\t\t\t<li>bar</li>\r\n\t\t</ul>\r\n\t</div>\r\n</div>\r\n```\r\n\r\nMy LESS file:\r\n```css\r\n#topbar {\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 1337;\r\n\tmargin-bottom: 0;\r\n\tposition: absolute;\r\n\r\n\t.topbar-inner {\r\n\t\tbackground: @bodyFontColor;\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n```\r\n\r\nThe other problem is when I click on the button to collapse in the menu, it expands the bootstrap navbar but it **wiggles**. Can you help me out?"},"comment":{"url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/comments/159999580","html_url":"https://github.com/eduardomb/scroll-up-bar/issues/16#issuecomment-159999580","issue_url":"https://api.github.com/repos/eduardomb/scroll-up-bar/issues/16","id":159999580,"user":{"login":"naton","id":444538,"avatar_url":"https://avatars.githubusercontent.com/u/444538?v=3","gravatar_id":"","url":"https://api.github.com/users/naton","html_url":"https://github.com/naton","followers_url":"https://api.github.com/users/naton/followers","following_url":"https://api.github.com/users/naton/following{/other_user}","gists_url":"https://api.github.com/users/naton/gists{/gist_id}","starred_url":"https://api.github.com/users/naton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/naton/subscriptions","organizations_url":"https://api.github.com/users/naton/orgs","repos_url":"https://api.github.com/users/naton/repos","events_url":"https://api.github.com/users/naton/events{/privacy}","received_events_url":"https://api.github.com/users/naton/received_events","type":"User","site_admin":false},"created_at":"2015-11-26T22:21:48Z","updated_at":"2015-11-26T22:21:48Z","body":"I think it might be fixable using transform3d() before switching position value. \r\n\r\nTry this (the first css line is the new one, the others are already there):\r\n\r\n``$bar.css({``\r\n``            'transform': 'translate3d(0px,0px,0px)', // Fix for iOS invisible element bug when changing position values while scrolling``\r\n``            'position': 'absolute',``\r\n``            'top': lastY > minY ? lastY : initialPosTop``\r\n``          });``"}}