update demo page and version

fluse · Dec 5, 2019 · f624ec8 · f624ec8
1 parent b24728a
commit f624ec8
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -17,13 +17,11 @@ npm install react-scroll-bound --save
 ## Usage
 
 ```jsx
-
 import ScrollBound from 'react-scroll-bound'
 
 <ScrollBound>
     {this.getListPoints()}
 </ScrollBound>
-
 ```
 
 Set css for element overflow scroll
@@ -40,19 +38,16 @@ Set css for element overflow scroll
 default tagName is `<ul>`
 
 ```jsx
-
 <ScrollBound tagName="div">
     {this.getListPoints()}
 </ScrollBound>
-
 ```
 
 ### Set properties
 
 all attributes and properties will transmitted with `{...this.props}`
 
 ```jsx
-
 <ScrollBound 
     id="name" 
     onWheel={onWheel} 
@@ -61,7 +56,6 @@ all attributes and properties will transmitted with `{...this.props}`
 >
     {this.getListPoints()}
 </ScrollBound>
-
 ```
 
 ## Development

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-scroll-bound",
-    "version": "16.12.0",
+    "version": "16.12.1",
     "description": "prevent parent scrolling, if list scroll end reached, for better experience",
     "main": "dist/scrollBound.js",
     "repository": {

diff --git a/page/main.js b/page/main.js
diff --git a/src/index.css b/src/index.css
@@ -39,7 +39,7 @@ h1 small {
 
 h2 {
     font-size: 30px;
-    padding: 0 0 5vh;
+    padding: 0 0 2vh;
 }
 
 h3 {
@@ -58,7 +58,7 @@ p {
     padding: 20px;
     max-width: 900px;
     align-items: stretch;
-    margin: 0 auto 40vh;
+    margin: 0 auto 10vh;
 }
 
 .grd-2 {

diff --git a/src/index.js b/src/index.js
@@ -19,15 +19,24 @@ class App extends Component {
         return (
             <section>
                 <h1>
-                    <strong>Prevent Scrolling of Parent</strong>
-                    <small>react-list-scroll-bound</small>
+                    <strong>Scroll-Prevention of Parent</strong>
+                    <small>react-scroll-bound</small>
                 </h1>
 
                 <p>When an children reach end of scrolling, stop scrolling of parent elements</p>
 
+                <br />
+                <br />
+
                 <a href="https://github.com/fluse/react-list-scroll-bound" className="docu" target="_blank">Checkout Documentation</a>
                 <a href="https://www.npmjs.com/package/react-list-scroll-bound" className="npm" target="_blank">NPM Package</a>
 
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+
                 <h2>Example</h2>
 
                 <div className="container">
@@ -46,6 +55,32 @@ class App extends Component {
                     </div>
                 </div>
 
+                <h2>Take a look at other Packages</h2>
+
+                <a href="https://www.npmjs.com/package/react-tab-visibility" className="npm" target="_blank">react-tab-visbility</a>
+
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
+                <br />
             </section>
         )
     }