Merge pull request #67 from makotot/offevent

add offEvent & onEvent

Author: makotot

README.md

@@ -62,7 +62,7 @@ HTML tag for Scrollspy component if you want to use other than `ul` [optional].
 
 ### `style={ Object }`
 
-Style attribute to be passed to the generated <ul/> element [optional]. 
+Style attribute to be passed to the generated <ul/> element [optional].
 
 ### `offset={ Number }`
 
@@ -72,6 +72,16 @@ Offset value that adjusts to determine the elements are in the viewport [optiona
 
 Name of the element of scrollable container that can be used with querySelector [optional].
 
+## Methods
+
+### `offEvent`
+
+Remove event listener of scrollspy.
+
+### `onEvent`
+
+Add event listener of scrollspy.
+
 
 ## Development
 

src/js/lib/Scrollspy.jsx

@@ -199,17 +199,25 @@ export default class Scrollspy extends React.Component {
     this._spy(targetItems)
   }
 
-  componentDidMount () {
-    this._initFromProps()
+  offEvent() {
     const el = this.props.rootEl ? document.querySelector(this.props.rootEl) : window
 
-    el.addEventListener('scroll', this._handleSpy)
+    el.removeEventListener('scroll', this._handleSpy)
   }
 
-  componentWillUnmount () {
+  onEvent() {
     const el = this.props.rootEl ? document.querySelector(this.props.rootEl) : window
 
-    el.removeEventListener('scroll', this._handleSpy)
+    el.addEventListener('scroll', this._handleSpy)
+  }
+
+  componentDidMount () {
+    this._initFromProps()
+    this.onEvent()
+  }
+
+  componentWillUnmount () {
+    this.offEvent()
   }
 
   componentWillReceiveProps () {

webpack.config.babel.js

@@ -1,6 +1,6 @@
 import webpack from 'webpack'
 import path from 'path'
-import HtmlWebpackPlguin from 'html-webpack-plugin';
+import HtmlWebpackPlguin from 'html-webpack-plugin'
 
 export default {
   entry: {
@@ -14,7 +14,7 @@ export default {
   output: {
     path: path.join(__dirname, 'dist'),
     filename: 'js/[name].js',
-    publicPath: 'http://localhost:8080',
+    publicPath: '/',
   },
   resolve: {
     modules: [
@@ -57,6 +57,7 @@ export default {
   },
   devServer: {
     contentBase: './dist',
+    publicPath: '/',
     port: 8080,
   },
   plugins: [