{"action":"created","issue":{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/235","repository_url":"https://api.github.com/repos/janpaepke/ScrollMagic","labels_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/235/labels{/name}","comments_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/235/comments","events_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/235/events","html_url":"https://github.com/janpaepke/ScrollMagic/issues/235","id":56056006,"number":235,"title":"flickering opacity when scrollup","user":{"login":"fabianjaehnke","id":1586610,"avatar_url":"https://avatars.githubusercontent.com/u/1586610?v=3","gravatar_id":"","url":"https://api.github.com/users/fabianjaehnke","html_url":"https://github.com/fabianjaehnke","followers_url":"https://api.github.com/users/fabianjaehnke/followers","following_url":"https://api.github.com/users/fabianjaehnke/following{/other_user}","gists_url":"https://api.github.com/users/fabianjaehnke/gists{/gist_id}","starred_url":"https://api.github.com/users/fabianjaehnke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fabianjaehnke/subscriptions","organizations_url":"https://api.github.com/users/fabianjaehnke/orgs","repos_url":"https://api.github.com/users/fabianjaehnke/repos","events_url":"https://api.github.com/users/fabianjaehnke/events{/privacy}","received_events_url":"https://api.github.com/users/fabianjaehnke/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/labels/support","name":"support","color":"cc317c"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2015-01-30T16:44:40Z","updated_at":"2016-10-14T05:35:08Z","closed_at":"2015-01-30T17:00:03Z","body":"Hi,\r\ni tried to pin a section which contains an image which gets fadeIn while scrolling. This works fine, but when i scrollUp, the image changes its opacity a couple of times very fast.\r\ntestet in lastet chrome\r\n \r\nthanks for any advise or help\r\n \r\nDemo: http://codepen.io/fabianjaehnke/pen/myMdEe"},"comment":{"url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/comments/253713565","html_url":"https://github.com/janpaepke/ScrollMagic/issues/235#issuecomment-253713565","issue_url":"https://api.github.com/repos/janpaepke/ScrollMagic/issues/235","id":253713565,"user":{"login":"wfendler","id":511928,"avatar_url":"https://avatars.githubusercontent.com/u/511928?v=3","gravatar_id":"","url":"https://api.github.com/users/wfendler","html_url":"https://github.com/wfendler","followers_url":"https://api.github.com/users/wfendler/followers","following_url":"https://api.github.com/users/wfendler/following{/other_user}","gists_url":"https://api.github.com/users/wfendler/gists{/gist_id}","starred_url":"https://api.github.com/users/wfendler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wfendler/subscriptions","organizations_url":"https://api.github.com/users/wfendler/orgs","repos_url":"https://api.github.com/users/wfendler/repos","events_url":"https://api.github.com/users/wfendler/events{/privacy}","received_events_url":"https://api.github.com/users/wfendler/received_events","type":"User","site_admin":false},"created_at":"2016-10-14T05:35:08Z","updated_at":"2016-10-14T05:35:08Z","body":"Another possible solution for the lazy if anyone finds there way to this problem like me:\r\n\r\nPut a transition/transition-delay on the element that is flickering. I was already transitioning that element so I added a transition delay when the class is being removed. Won't work for every case but worked for me!\r\n\r\n```scss\r\n.thing {\r\n  opacity: 0;\r\n  transition: opacity .5s ease;\r\n\r\n  // This delay stops flickering when scrolling up when\r\n  // the class is getting removed/added quickly\r\n  transition-delay: .5s;\r\n  \r\n  &.is-visible {\r\n    opacity: 1;\r\n    // When the class is added there's no delay\r\n    transition-delay: 0s;\r\n  }\r\n}\r\n```"}}
{"actor":{"display_login":"wfendler"}}