{"action":"created","issue":{"url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/1997","repository_url":"https://api.github.com/repos/alvarotrigo/fullPage.js","labels_url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/1997/labels{/name}","comments_url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/1997/comments","events_url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/1997/events","html_url":"https://github.com/alvarotrigo/fullPage.js/issues/1997","id":153253595,"number":1997,"title":"Enable scrolling on full screen lightbox div","user":{"login":"Christonit","id":9038827,"avatar_url":"https://avatars.githubusercontent.com/u/9038827?v=3","gravatar_id":"","url":"https://api.github.com/users/Christonit","html_url":"https://github.com/Christonit","followers_url":"https://api.github.com/users/Christonit/followers","following_url":"https://api.github.com/users/Christonit/following{/other_user}","gists_url":"https://api.github.com/users/Christonit/gists{/gist_id}","starred_url":"https://api.github.com/users/Christonit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Christonit/subscriptions","organizations_url":"https://api.github.com/users/Christonit/orgs","repos_url":"https://api.github.com/users/Christonit/repos","events_url":"https://api.github.com/users/Christonit/events{/privacy}","received_events_url":"https://api.github.com/users/Christonit/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-05T15:13:40Z","updated_at":"2016-05-05T15:24:27Z","closed_at":"2016-05-05T15:23:45Z","body":"Hi there!\r\n\r\nRight now I've been trying to 'on click' AJAXy load some content on top of my section containers(the ones defined for the plugin) like a lightbox. The content is loaded and has overflow but the scroll aint working for the new content but it works for the section below. Any idea on how pull this off?\r\n`\r\n`\r\n\t\t\t`$('#fullpage').fullpage({`\r\n\t\t\t\t\r\n\t\t\t\tanchors: ['firstPage', 'secondPage', '3rdPage', '4thPage', '5thPage'],\r\n\t\t\t\tmenu: '#menu',\r\n\t\t\t\tscrollingSpeed: 1200,\r\n\t\t\t\toverflowScroll:true,\r\n                touchSensitivity: 1,\r\n                normalScrollElementTouchThreshold: 5,\r\n        normalScrollElements:['#section4','.project-contenedor'],\r\n\t\t\t\tcss3:false,\r\n\r\n  \r\n\t\t\t\tafterLoad: function(anchorLink, index){\r\n\t\t\t\t\tif(index == 1){\r\n              /*  slidesNavigation: true*/\r\n              \t\t  $('#landingInfo').removeClass(\" hidden fadeOut\").addClass('animateTitle fadeInTitle ');\r\n            \r\n       \t\t\t\t }\r\n            \t\tif(index == 2){\r\n              /*  slidesNavigation: true*/\r\n              \t\t  $('#section2').removeClass(\" hidden fadeOut\").addClass('animated fadeInRight ');\r\n            \r\n       \t\t\t\t }\r\n\r\n       \t\t\t\t if(index == 3){\r\n              /*  slidesNavigation: true*/\r\n              \t\t  $('#section3').removeClass(\" hidden fadeOut\").addClass('animated fadeInRight ');\r\n            \r\n       \t\t\t\t }\r\n       \t\t\t\t if(index == 4){\r\n              /*  slidesNavigation: true*/\r\n              \t\t  $('#section4').removeClass(\" hidden fadeOut\").addClass('animated fadeInRight ');\r\n            \r\n       \t\t\t\t }\r\n\r\n       \t\t\t\t if(index == 5){\r\n              /*  slidesNavigation: true*/\r\n              \t\t  $('#contact-animatable').removeClass(\" hidden fadeOut\").addClass('animated fadeInRight ');\r\n            \r\n       \t\t\t\t }\r\n\r\n    \t\t},onLeave: function(index, nextIndex, direction){\r\n             if(index == 1){\r\n            \t\r\n                $('#landingInfo').addClass('fadeOut');\r\n    \r\n            }\r\n\r\n            if(index == 2){\r\n            \t\r\n                $('#section2').addClass('hidden fadeOut');\r\n\r\n            }\r\n\r\n            if(index == 3){\r\n            \t\r\n                $('#section3').addClass('hidden fadeOut');\r\n\r\n            }\r\n            if(index == 4){\r\n            \t\r\n                $('#section4').addClass('hidden fadeOut');\r\n\r\n            }\r\n            if(index == 5){\r\n            \t\r\n                $('#contact-animatable').addClass('hidden fadeOut');\r\n\r\n            }\r\n\r\n        },afterRender: function(){\r\n             $(\".project\").click(function(){\r\n              var projectLink = $(this).attr('data-project');\r\n\r\n\r\n                   $(\".portfolio\").load(\"content/\" + projectLink + \".html\",function(){\r\n\r\n                          /*$(\".project-container\").show();*/\r\n                        TweenMax.to(\".project-container\",0.4,{zIndex:9998,x:0,y:0,opacity:1});\r\n\r\n                             $(\".project-btn\").click(function(){\r\n                               // TweenMax.to(\".project-contenedor\",0.3,{zIndex:-1,yPercent:100,opacity:0});\r\n                                 $(\".project-container\").remove();     \r\n                                  $(\".portfolio\").load(\"content/portfolio.html\");   \r\n                            });\r\n                              \r\n                     return false;\r\n\r\n                    });\r\n\r\n\r\n\r\n                  /*    });*/\r\n\r\n\r\n               /* $(\".project-container\").show(function(){\r\n                });*/\r\n\r\n               \r\n            });\r\n\r\n        }\r\n\t\t\t});\r\n\r\n\t\t});\r\n\r\n`\r\n\r\nAs you can see, I've tried the afterRender and the  'normalScrollElements' method but it aint working.\r\n\r\nI made my website on top of your plugin but I've been trying this new stuff for an UX community project.\r\n\r\nI apologize in advance, I am new to Javascript/jQuery."},"comment":{"url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/comments/217184704","html_url":"https://github.com/alvarotrigo/fullPage.js/issues/1997#issuecomment-217184704","issue_url":"https://api.github.com/repos/alvarotrigo/fullPage.js/issues/1997","id":217184704,"user":{"login":"alvarotrigo","id":1706326,"avatar_url":"https://avatars.githubusercontent.com/u/1706326?v=3","gravatar_id":"","url":"https://api.github.com/users/alvarotrigo","html_url":"https://github.com/alvarotrigo","followers_url":"https://api.github.com/users/alvarotrigo/followers","following_url":"https://api.github.com/users/alvarotrigo/following{/other_user}","gists_url":"https://api.github.com/users/alvarotrigo/gists{/gist_id}","starred_url":"https://api.github.com/users/alvarotrigo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alvarotrigo/subscriptions","organizations_url":"https://api.github.com/users/alvarotrigo/orgs","repos_url":"https://api.github.com/users/alvarotrigo/repos","events_url":"https://api.github.com/users/alvarotrigo/events{/privacy}","received_events_url":"https://api.github.com/users/alvarotrigo/received_events","type":"User","site_admin":false},"created_at":"2016-05-05T15:24:27Z","updated_at":"2016-05-05T15:24:27Z","body":"Btw, you can not use `normalScollElements` for a whole section like you are doing with `'#section4'`"}}