import React        from 'react';
import ReactIScroll from 'react-iscroll';
import iScroll      from 'iscroll';

export default React.createClass({
    getDefaultProps() {
        return {
            options: {
                mouseWheel:     true,
                scrollbars:     true,
                preventDefault: true,
                bounce:         false
            },
            style: {
              position:                     'relative',
              width:                        '100%',
              overflow:                     'hidden',
              '-webkit-overflow-scrolling': 'touch'
            }
        }
    },

    render: function() {
        return (
            <ReactIScroll iscroll={iScroll}
                          options={this.props.options}
                          style={this.props.style}>
                {this.renderChildrens()}
            </ReactIScroll>
        )
    },

    renderChildrens() {
        return React.Children.map(this.props.children, (child) => {
            return React.addons.cloneWithProps(child, {});
        })
    }
});

import React        from 'react';
import ReactIScroll from 'react-iscroll';
import iScroll      from 'iscroll';

export default React.createClass({
    getDefaultProps() {
        return {
            options: {
                mouseWheel:     true,
                scrollbars:     true,
                preventDefault: false,
                bounce:         false
            },
            style: {
              position:                     'relative',
              width:                        '100%',
              overflow:                     'hidden',
              '-webkit-overflow-scrolling': 'touch'
            }
        }
    },

    render: function() {
        return (
            <ReactIScroll iscroll={iScroll}
                          options={this.props.options}
                          style={this.props.style}>
                {this.renderChildrens()}
            </ReactIScroll>
        )
    },

    renderChildrens() {
        return React.Children.map(this.props.children, (child) => {
            return React.addons.cloneWithProps(child, {});
        })
    }
});

remove prevent default option for scrolling