{"action":"created","issue":{"url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/445","repository_url":"https://api.github.com/repos/jlmakes/scrollreveal","labels_url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/445/labels{/name}","comments_url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/445/comments","events_url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/445/events","html_url":"https://github.com/jlmakes/scrollreveal/issues/445","id":339037457,"node_id":"MDU6SXNzdWUzMzkwMzc0NTc=","number":445,"title":"SR element in a wrapper div with overflow auto isn't firing when it comes into the view port","user":{"login":"devanflaherty","id":2490289,"node_id":"MDQ6VXNlcjI0OTAyODk=","avatar_url":"https://avatars2.githubusercontent.com/u/2490289?v=4","gravatar_id":"","url":"https://api.github.com/users/devanflaherty","html_url":"https://github.com/devanflaherty","followers_url":"https://api.github.com/users/devanflaherty/followers","following_url":"https://api.github.com/users/devanflaherty/following{/other_user}","gists_url":"https://api.github.com/users/devanflaherty/gists{/gist_id}","starred_url":"https://api.github.com/users/devanflaherty/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/devanflaherty/subscriptions","organizations_url":"https://api.github.com/users/devanflaherty/orgs","repos_url":"https://api.github.com/users/devanflaherty/repos","events_url":"https://api.github.com/users/devanflaherty/events{/privacy}","received_events_url":"https://api.github.com/users/devanflaherty/received_events","type":"User","site_admin":false},"labels":[{"id":137515162,"node_id":"MDU6TGFiZWwxMzc1MTUxNjI=","url":"https://api.github.com/repos/jlmakes/scrollreveal/labels/Question","name":"Question","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-06T18:44:42Z","updated_at":"2018-07-06T19:52:06Z","closed_at":null,"author_association":"NONE","body":"MacOs\r\nChrome 67\r\nScroll Reveal 3.4\r\n\r\nI have used Scroll Reveal for 2 years and have loved it!\r\n\r\nI recently attempted to utilize some pure css parallax, in order to do so I had to modify my pages `.wrapper` to look like so.\r\n\r\n``` scss\r\n.wrapper {\r\n   perspective: 1px;\r\n   height: 100vh;\r\n   overflow-x: hidden;\r\n   overflow-y: auto;\r\n}\r\n```\r\n\r\nThen on a div I want to parallax I add a little something like this:\r\n```scss\r\n.parralaxed-thing {\r\n   transform: translateZ(-1px) scale(2);\r\n}\r\n```\r\n\r\nA strange thing is happening though where my scroll-reveal elements are never firing, it's as if they aren't aware they become visible in the view port.\r\n\r\nI thought it had something to do with the `perspective: 1px` but it seems that it is actually related to `.wrapper` being set to overflow.\r\n\r\nAny ideas on how I can utilize scroll reveal and having the parent container set to `height: 100vh; overflow-y: auto;`?\r\n\r\nThanks!\r\n"},"comment":{"url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/comments/403130733","html_url":"https://github.com/jlmakes/scrollreveal/issues/445#issuecomment-403130733","issue_url":"https://api.github.com/repos/jlmakes/scrollreveal/issues/445","id":403130733,"node_id":"MDEyOklzc3VlQ29tbWVudDQwMzEzMDczMw==","user":{"login":"jlmakes","id":2044842,"node_id":"MDQ6VXNlcjIwNDQ4NDI=","avatar_url":"https://avatars1.githubusercontent.com/u/2044842?v=4","gravatar_id":"","url":"https://api.github.com/users/jlmakes","html_url":"https://github.com/jlmakes","followers_url":"https://api.github.com/users/jlmakes/followers","following_url":"https://api.github.com/users/jlmakes/following{/other_user}","gists_url":"https://api.github.com/users/jlmakes/gists{/gist_id}","starred_url":"https://api.github.com/users/jlmakes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jlmakes/subscriptions","organizations_url":"https://api.github.com/users/jlmakes/orgs","repos_url":"https://api.github.com/users/jlmakes/repos","events_url":"https://api.github.com/users/jlmakes/events{/privacy}","received_events_url":"https://api.github.com/users/jlmakes/received_events","type":"User","site_admin":false},"created_at":"2018-07-06T19:52:06Z","updated_at":"2018-07-06T19:52:06Z","author_association":"OWNER","body":"I appreciate the kind words Devan!\r\n\r\nMy first impression is that if you're using `.wrapper` as the scrollable container (instead of default scroll), you'll need to set it as the `options.container` so that ScrollReveal knows which element to bind event listeners to.\r\n\r\n```js\r\n// for example...\r\nwindow.sr = ScrollReveal({ container: '.wrapper' });\r\n```\r\n\r\nIf you are already doing this, or this is not the solution, I ask that you recreate the basics of your project in [JSbin](http://jsbin.com) (or your favorite sandbox) so I can try to debug the problem first-hand.\r\n"}}
{"actor":{"display_login":"jlmakes"}}