Added slimScroll default and extending options

[Kwaadpepper]

Slimscroll options to make fullpage more usable

[Kwaadpepper]

No globals options as for fullPage.js, but

Please take a look at http://rocha.la/jQuery-slimScroll,
Slim scroll doesn't have global options, it runs in multiple instances.

You could try to add some prop to window and encapsulate fullpage.js
or you could just store a slimscroll object (params) in windows,

something like

window.fullpageSlimScrollParams = slimScroll: {
    color: '#ffcc00',
    railVisible: true,
    railColor: '#222',
    railOpacity: 0.3,
    wheelStep: 10,
    disableFadeOut: false,
}

and give it to fullpage like

// change something in window.fullpageSlimScrollParams
var SC = window.fullpageSlimScrollParams;
SC['color'] = 'red';
$('#fullpage').fullpage({
        verticalCentered: true,
        resize : true,
        sectionsColor : ['#ccc', '#fff'],
        anchors:['firstSlide', 'secondSlide'],
        scrollingSpeed: 700,
        easing: 'easeInQuart',
        menu: false,
        navigation: false,
        navigationPosition: 'right',
        navigationTooltips: ['firstSlide', 'secondSlide'],
        slidesNavigation: true,
        slidesNavPosition: 'bottom',
        loopBottom: false,
        loopTop: false,
        loopHorizontal: true,
        autoScrolling: true,
        scrollOverflow: false,
        css3: false,
        paddingTop: '3em',
        paddingBottom: '10px',
        normalScrollElements: '#element1, .element2',
        normalScrollElementTouchThreshold: 5,
        keyboardScrolling: true,
        touchSensitivity: 15,
        continuousVertical: false,
        animateAnchor: true,
        sectionSelector: '.section',
        slideSelector: '.slide',
        // See more options at http://rocha.la/jQuery-slimScroll @author Piotr Rochala

        slimScroll: SC,

        //events
        onLeave: function(index, nextIndex, direction){},
        afterLoad: function(anchorLink, index){},
        afterRender: function(){},
        afterResize: function(){},
        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
        onSlideLeave: function(anchorLink, index, slideIndex, direction){}
    });

here are the full settings offslimScroll :

$(selector).slimScroll({
    width: '300px',
    height: '500px',
    size: '10px',
    position: 'left',
    color: '#ffcc00',
    alwaysVisible: true,
    distance: '20px',
    start: $('#child_image_element'),
    railVisible: true,
    railColor: '#222',
    railOpacity: 0.3,
    wheelStep: 10,
    allowPageScroll: false,
    disableFadeOut: false
});

[alvarotrigo]

fullPage.js might change to iScroll.js.

[andremalkine]

I know this is a hack, but I worked around it like so:

var oldSlimScroll = $.fn.slimScroll;
$.fn.slimScroll = function( options ){
  options.wheelStep = 4;
  return oldSlimScroll.apply(this, [options] );
};
...
// Init fullpage.js ...

[Jpsy]

For the time being the "hack" of @andremalkine is just great!

[alvarotrigo]

@Kwaadpepper, would you consider updating your fullpage.js version so I can merge your PR ?
Otherwise I'll just do it myself.

[rodrigozamb]

Great job :D

[RohitRathore1]

Great job:)

[alvarotrigo]

@TeAmP0is0N @rodrigozamb why are you guys even commenting on a topic that is from 2014 and that was closed in 2016?

[ghost]

Hey @alvarotrigo, I'm going to wager the same reason I ended up here just now. Via it being the top link on http://www.pullrequestroulette.com/

[alvarotrigo]

@jodylecompte that's quite weird. This pull request has been closed since 2016... while there are many others open and those won't appear on that page?