{"action":"opened","issue":{"url":"https://api.github.com/repos/sydneyselch/trenches-demo/issues/1","labels_url":"https://api.github.com/repos/sydneyselch/trenches-demo/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/sydneyselch/trenches-demo/issues/1/comments","events_url":"https://api.github.com/repos/sydneyselch/trenches-demo/issues/1/events","html_url":"https://github.com/sydneyselch/trenches-demo/issues/1","id":114874107,"number":1,"title":"Cannot disable scroll when on subpage","user":{"login":"sydneyselch","id":6373190,"avatar_url":"https://avatars.githubusercontent.com/u/6373190?v=3","gravatar_id":"","url":"https://api.github.com/users/sydneyselch","html_url":"https://github.com/sydneyselch","followers_url":"https://api.github.com/users/sydneyselch/followers","following_url":"https://api.github.com/users/sydneyselch/following{/other_user}","gists_url":"https://api.github.com/users/sydneyselch/gists{/gist_id}","starred_url":"https://api.github.com/users/sydneyselch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sydneyselch/subscriptions","organizations_url":"https://api.github.com/users/sydneyselch/orgs","repos_url":"https://api.github.com/users/sydneyselch/repos","events_url":"https://api.github.com/users/sydneyselch/events{/privacy}","received_events_url":"https://api.github.com/users/sydneyselch/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-11-03T18:02:02Z","updated_at":"2015-11-03T18:02:02Z","closed_at":null,"body":"- Trying to disable the scroll bar on the page behind my subpage so it stays on the subpage and does not allow you to scroll below and reach the page behind it. The page behind it will remain hidden as if it is not there. \r\n\r\n\r\n![screen shot 2015-11-03 at 12 40 18 pm](https://cloud.githubusercontent.com/assets/6373190/10916162/15e0839a-8228-11e5-8718-59178b1400f6.png) When you click on the first set of work shown above: A subpage appears \r\n\r\n![screen shot 2015-11-03 at 12 43 47 pm](https://cloud.githubusercontent.com/assets/6373190/10916256/975855f6-8228-11e5-8af5-daf6e12a96c2.png) \r\n\r\nThis is working well and you are able to scroll within the container(blue border) which I intended.\r\n\r\n\r\n![screen shot 2015-11-03 at 12 45 24 pm](https://cloud.githubusercontent.com/assets/6373190/10916301/ceabb886-8228-11e5-9e20-7430145e1b78.png) Though, when you get to the bottom of the container with your scroll bar... A second scroll bar appears and it starts scrolling within the body page that is below it. I want it so that it will stop at the bottom of the container and NOT show the services and other things below it. I can't figure out what to target to get the scroll bar to turn off on the background page.\r\n\r\n\r\nMy current code is: \r\nHTML:\r\n< div class=\"lightbox\" >\r\n    < div class=\"container\" >\r\n                    (CONTENT)\r\n    < /div >\r\n< /div >\r\n\r\n..there are not spaces in my code. It wasn't showing up without them\r\n\r\nCSS:\r\n.lightbox{\r\n    position: absolute;\r\n    top:0;\r\n    left:0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    max-height: 100vh;\r\n    overflow-y:auto;\r\n    overflow-x: hidden;\r\n    opacity: 0;\r\n    background-color: white;\r\n}\r\n\r\n.lightbox:target {\r\n    opacity: 1;\r\n    z-index: 50;\r\n}\r\n\r\n.lightbox > .container{\r\n     overflow: hidden;\r\n    border:1px solid blue;\r\n}\r\n\r\n\r\n\r\n\r\nAnother issue about it... \r\n\r\nYou click on something in the work section, the subpage with work on it appears. When you click the x and exit the page it has bumped you all the way back to the top cover page. How do I get it to stay at the #work id when you close the subpage? \r\n\r\n\r\n@thomasjbradley @ccmadrid \r\n\r\nhttp://sydneyselch.github.io/trenches-demo/\r\n\r\n\r\n"}}