增加 getScrollTop setScrollTop

Author: 李钿

demo/App.jsx

@@ -77,6 +77,17 @@ export class App extends Component{
       action: action
     })
   }
+
+  getScrollTop = ()=>{
+    if(this.refs.reactpullload){
+      console.info(this.refs.reactpullload.getScrollTop());
+    }
+  }
+  setScrollTop = ()=>{
+    if(this.refs.reactpullload){
+      console.info(this.refs.reactpullload.setScrollTop(100));
+    }
+  }
 
   render(){
     const {
@@ -97,13 +108,22 @@ export class App extends Component{
       zIndex: 1
     }
 
+    const fixButtonStyle = {
+      position: "fixed",
+      top: 200,
+      width: "100%",
+    }
+
     return (
       <div>
         <div style={fixHeaderStyle}>
           fixed header    
         </div>
         <ReactPullLoad 
           downEnough={150}
+          ref="reactpullload"
+          className="block"
+          isBlockContainer={true}
           action={this.state.action}
           handleAction={this.handleAction}
           hasMore={hasMore}
@@ -112,6 +132,10 @@ export class App extends Component{
           <ul className="test-ul">
             <button onClick={this.handleAction.bind(this, STATS.refreshing)}>refreshing</button>
             <button onClick={this.handleAction.bind(this, STATS.loading)}>loading more</button>
+            <div style={fixButtonStyle}>
+              <button onClick={this.getScrollTop}>getScrollTop</button>
+              <button onClick={this.setScrollTop}>setScrollTop</button>
+            </div>
             {
               data.map( (str, index )=>{
                 return <li key={index}><img src={str} alt=""/></li>

lib/ReactPullLoad.js

@@ -68,6 +68,25 @@ var ReactPullLoad = function (_Component) {
 
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ReactPullLoad.__proto__ || Object.getPrototypeOf(ReactPullLoad)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
       pullHeight: 0
+    }, _this.getScrollTop = function () {
+      if (_this.defaultConfig.container) {
+        return _this.defaultConfig.container.scrollTop;
+      } else {
+        return 0;
+      }
+    }, _this.setScrollTop = function (value) {
+      if (_this.defaultConfig.container) {
+        var conH = _this.defaultConfig.container === document.body ? document.documentElement.clientHeight : _this.defaultConfig.container.offsetHeight;
+        if (value < 0) {
+          value = 0;
+        }
+        if (value > conH) {
+          value = conH;
+        }
+        return _this.defaultConfig.container.scrollTop = value;
+      } else {
+        return 0;
+      }
     }, _this.easing = function (distance) {
       // t: current time, b: begInnIng value, c: change In value, d: duration
       var t = distance;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pullload",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "React compopnent pull down refresh and pull up load more",
   "main": "./lib/index.js",
   "scripts": {

src/ReactPullLoad.jsx

@@ -95,6 +95,25 @@ export default class ReactPullLoad extends Component {
     }
   }
 
+  getScrollTop = ()=>{
+    if(this.defaultConfig.container){
+      return this.defaultConfig.container.scrollTop;
+    } else{
+      return 0;
+    }
+  }
+
+  setScrollTop = (value)=>{
+    if(this.defaultConfig.container){
+      let conH = this.defaultConfig.container === document.body ? document.documentElement.clientHeight : this.defaultConfig.container.offsetHeight
+      if(value < 0){ value = 0}
+      if(value > conH){ value = conH}
+      return this.defaultConfig.container.scrollTop = value;
+    } else{
+      return 0;
+    }
+  }
+
   // 拖拽的缓动公式 - easeOutSine
   easing = (distance) => {
     // t: current time, b: begInnIng value, c: change In value, d: duration

webpack.demo.dev.config.js

@@ -1,13 +1,13 @@
 var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var path = require('path');
-var devport = 3002;
+var devport = 3003;
 
 module.exports = {
     context: path.resolve('demo'),
     entry: [
         'babel-polyfill',
-        './App2.jsx'
+        './App.jsx'
     ],
     plugins: [
         new webpack.DefinePlugin({