{"action":"opened","issue":{"url":"https://api.github.com/repos/okgrow/iron-router-autoscroll/issues/22","labels_url":"https://api.github.com/repos/okgrow/iron-router-autoscroll/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/okgrow/iron-router-autoscroll/issues/22/comments","events_url":"https://api.github.com/repos/okgrow/iron-router-autoscroll/issues/22/events","html_url":"https://github.com/okgrow/iron-router-autoscroll/issues/22","id":104788929,"number":22,"title":"Doesn't work with position absolute","user":{"login":"v3rron","id":1641115,"avatar_url":"https://avatars.githubusercontent.com/u/1641115?v=3","gravatar_id":"","url":"https://api.github.com/users/v3rron","html_url":"https://github.com/v3rron","followers_url":"https://api.github.com/users/v3rron/followers","following_url":"https://api.github.com/users/v3rron/following{/other_user}","gists_url":"https://api.github.com/users/v3rron/gists{/gist_id}","starred_url":"https://api.github.com/users/v3rron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/v3rron/subscriptions","organizations_url":"https://api.github.com/users/v3rron/orgs","repos_url":"https://api.github.com/users/v3rron/repos","events_url":"https://api.github.com/users/v3rron/events{/privacy}","received_events_url":"https://api.github.com/users/v3rron/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-03T21:52:13Z","updated_at":"2015-09-03T21:52:13Z","closed_at":null,"body":"I'm working on a mobile app and in order to have smoother scrolling my content div is positioned absolutely between header and footer. Looking at the code I can say that it uses $(window) element to scroll to the top of the page. Could you please add support for custom div wrapper element to be passed as main scrolling div?\r\nCurrently my layout looks like this:\r\n````\r\n<template name=\"ApplicationLayout\">\r\n  {{> yield \"header\"}}\r\n  {{> connectionBanner }}\r\n  {{> _updateNotification }}\r\n  {{> _flashMessages }}\r\n  {{> yield \"sidebar\" }}\r\n  <div class=\"pusher\">\r\n    <div id=\"wrapper\">\r\n      <div id=\"content\">\r\n        <div class=\"absolutely\">\r\n          {{> yield }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  {{> yield \"footer\"}}\r\n</template>\r\n````\r\nThe issue with this layout is that body and wrapper elements css have ``position: absolute; overflow: hidden;`` and are not scrollable, the only scrollable div here is ``<div class=\"absolutely\">{{> yield}}</div>``. So ``$(window).scrollTop()`` won't work in this case."}}