So I decided to make a test page myself and read up on the plugin. Coming to the conclusion that this would be the way to go instead of trying to alter the plugin itself :
$(document).ready(function() {
$('#fullpage').fullpage({responsive: 900});
});
It's actually right here as a comment on the GitHub question that was linked to (blush). The disadvantage of this is that it triggers the vertical scrollbar as well.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
After some more testing, the 'dirty' approach below from a first draft of the answer appears to be working as well (strangely only when I externally linked to the modified script on Codepen) - creating a horizontal bar but keeping the full page height intact (with no vertical overflow). But it seems to be very tricky to get it to trigger correctly, depending on the order in which the scripts are loaded.
Both html
and body
have overflow: hidden
in the CSS, so I would suggest changing it to this :
html, body {
overflow-y: hidden;
}
But it looks like the style is also set through an inline script. That is minified so it may be tricky to find the exact code there (but not impossible, I see only two likely candidates in fullPage.min.js). Last option would be to override that again with jQuery but that's a bit messy altogether.
Edit - the relevant code in the non-minified script :
if(options.autoScrolling && !options.scrollBar){
$htmlBody.css({
'overflow' : 'hidden',
'height' : '100%'
});
Looks the same as this :
c.autoScrolling&&!c.scrollBar?(w.css({overflow:"hidden",height:"100%"})
So I would try :
c.autoScrolling&&!c.scrollBar?(w.css({"overflow-y":"hidden",height:"100%"})