Help wanted

[subtirelumihail]

Because I don't have a lot of time to maintain this, I am looking for contributors. Please reply with a comment and I will contact you so I can create a group a people that could maintain this plugin and maybe extend it even more

[m-muhsin]

Hi @subtirelumihail I am interested in contributing to this repo and am also using it on my website. I just pull request which would add touch navigation and fixes #12

I hope we can continue supporting this repo and add more features to it.

[subtirelumihail]

Hi, sorry for my late response I very busy at the moment, but I can give you colaboration rights if you want to help out :)

[m-muhsin]

Thank you for adding me as a Contributor. Sorry for my late reply, I was not well for some days.

[subtirelumihail]

I will be closing this for now because from now on I will contiune to support this

[subtirelumihail]

Still looking for collaborators

[dengshasha]

@subtirelumihail Hello! When I use this plugin, I meet some problems and I try to solve them, and I have some suggestions . Do you think that it's ok or not.

1. When I refresh fullpage , the fullpage always roll back to the first screen but anchor value don't change. I think this is because the this.state.windowHeight initial value is zero, it should be window.innerHeight.
2. If fullpage's data is dynamic, the this._childrenLength is zero. I think this is because you get this._childrenLength in componentDidMount, in this life cycle, asynchronous request data has not been returned, so we get this._childrenLength is zero, so this._childrenLength === activeSection also occur error. Maybe you would like to do this in componentWillReceiveProps or componentWillUpdate life cycle?
3. This question is more complicated than second, I will show my code:

render() {
        let options = {
            sectionClassName:     'section',
            anchors:              ['slide1', 'slide2', 'slide3', 'slide4'],
            scrollBar:            false,
            navigation:           true,
            verticalAlign:        false,
            sectionPaddingTop:    '0px',
            sectionPaddingBottom: '0px',
            arrowNavigation:      true
        };

        return (
                <SectionsContainer className="container"  {...options}>
                    {this.state.data && this.state.data.map((item, index) =>
                        <Section key={index} >
                            <Link to={{pathname: '/products', query: {id: item.id}}}> More</Link>
                        </Section>
                    )}

                    <Section>
                            <h1>hello world</h1>
                    </Section>
                </SectionsContainer>
        )
    }

the children item Section consists of two parts: the first part's item length depend on this.state.data, the second part is static view，if data's length is 3, the SectionsContainer.js should get this._childrenLength == 4, but it is 2: The first element is an array which length is 3, the second element is an object. so we get an error _childrenLength.

_handleMouseWheel(event) {
       ...
        if (this.state.scrollingStarted || activeSection < 0 || this._childrenLength === activeSection) {
            return false;
        }
       ...
    } 

so this._childrenLength === activeSection caused scroll event not be triggered when activeSection's value is 2.

I know this condition is in order to limit the last screen could not scroll down, I think this condition can be removed because you have used anchor to limit this .

[subtirelumihail]

Hey, because I am very limited with my time, I am unable to keep maintaining this project, so I am hoping to organize a group of collaborators to help me turn this into a great project. So wants to join, please send me an email at mihail[@]subtirelu.info