{"action":"created","issue":{"url":"https://api.github.com/repos/lukehaas/Scrollify/issues/194","repository_url":"https://api.github.com/repos/lukehaas/Scrollify","labels_url":"https://api.github.com/repos/lukehaas/Scrollify/issues/194/labels{/name}","comments_url":"https://api.github.com/repos/lukehaas/Scrollify/issues/194/comments","events_url":"https://api.github.com/repos/lukehaas/Scrollify/issues/194/events","html_url":"https://github.com/lukehaas/Scrollify/issues/194","id":195113145,"number":194,"title":"Mobile browsers causes jumping due to URL bars etc.","user":{"login":"Florrpan","id":23646603,"avatar_url":"https://avatars.githubusercontent.com/u/23646603?v=3","gravatar_id":"","url":"https://api.github.com/users/Florrpan","html_url":"https://github.com/Florrpan","followers_url":"https://api.github.com/users/Florrpan/followers","following_url":"https://api.github.com/users/Florrpan/following{/other_user}","gists_url":"https://api.github.com/users/Florrpan/gists{/gist_id}","starred_url":"https://api.github.com/users/Florrpan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Florrpan/subscriptions","organizations_url":"https://api.github.com/users/Florrpan/orgs","repos_url":"https://api.github.com/users/Florrpan/repos","events_url":"https://api.github.com/users/Florrpan/events{/privacy}","received_events_url":"https://api.github.com/users/Florrpan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2016-12-12T23:09:33Z","updated_at":"2016-12-13T15:02:13Z","closed_at":null,"body":"Issue: On mobile screens, when the URL bar is hidden or jumps back into view, the content jumps because the height  is re-calculated. This is very apparent when using $.scrollify.disable(); for mobile resolutions.\r\n\r\nI know, this is not really an issue of Scrollify, but there might be solutions or better implementations, since scrollify is directly working with full height sections. I managed to partially solve the jumping by adding a css transition to the height of the sections, but this won't work with scrollify. I guess it's because scrollify adds PX heights directly in the html document.\r\n\r\nThere are also several solutions for how to use JS/media query functions to compensate for the URL bar, or to keep the URL bar permanently visible. However; I didn't manage to get any solution working with scrollify. My one solution have been to permanently disable scrollify on mobile to prevent jumping in the content/sections due to the URL bar.\r\n\r\nSome discussions and solutions around the issue: (not just background-images)\r\nhttp://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome\r\n\r\nThis really is a problem of modern mobile browsers not respecting content flow or design. I really wish there would be an \"easy\" way for everyone to use full height sections on mobile w/o jumping, but as it looks now, everyone suffers.\r\n\r\nAs mentioned in my issue #189 , since snapping causes usability issues on mobiles, I'd like to have an option to disable snapping on lower resolutions so that the user is free to scroll. That brought me to use $.scrollify.disable(); unfortunately it disables snapping on all move actions too, not just the scroll, which in turn disables any navigation set in place using scrollify. When Scrollify snapping is enabled, the URL doesn't get hidden very easily, and often stays there permanently.\r\n\r\nI've come a long way with your tool, and I'm really grateful for it.\r\nI'm no advanced dev, but I hope that these observations and suggestions can help you and the rest to develop this awesome tool further."},"comment":{"url":"https://api.github.com/repos/lukehaas/Scrollify/issues/comments/266761073","html_url":"https://github.com/lukehaas/Scrollify/issues/194#issuecomment-266761073","issue_url":"https://api.github.com/repos/lukehaas/Scrollify/issues/194","id":266761073,"user":{"login":"lukehaas","id":741344,"avatar_url":"https://avatars.githubusercontent.com/u/741344?v=3","gravatar_id":"","url":"https://api.github.com/users/lukehaas","html_url":"https://github.com/lukehaas","followers_url":"https://api.github.com/users/lukehaas/followers","following_url":"https://api.github.com/users/lukehaas/following{/other_user}","gists_url":"https://api.github.com/users/lukehaas/gists{/gist_id}","starred_url":"https://api.github.com/users/lukehaas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lukehaas/subscriptions","organizations_url":"https://api.github.com/users/lukehaas/orgs","repos_url":"https://api.github.com/users/lukehaas/repos","events_url":"https://api.github.com/users/lukehaas/events{/privacy}","received_events_url":"https://api.github.com/users/lukehaas/received_events","type":"User","site_admin":false},"created_at":"2016-12-13T15:02:13Z","updated_at":"2016-12-13T15:02:13Z","body":"That's right, but you could resolve that by using the `move` method to go to particular sections."}}
{"actor":{"display_login":"lukehaas"}}