{"bugs":{"url":"https://github.com/raxjs/rax-scrollview/issues"},"dist":{"shasum":"01f704c3bd71a155a3f46a4f25fb9aa0dbad549c","tarball":"https://registry.npmjs.org/rax-scrollview/-/rax-scrollview-3.0.1-0.tgz","fileCount":31,"integrity":"sha512-BT+TZd6Rh75wOd85/G9/2ywhq1YSwhUDzpsHZlUYcpWnxYu6HxVhi2UvTDU37WZmNHn6z8B/aBihEqcHlu2xSw==","signatures":[{"sig":"MEQCIDHkSqinocS3Q/csyaXZhgMKR3/LIg5tx6ZeIT21j9rBAiBLeOeCa2jibjXCB8OCrICZ0XcfClX6tx0GWWfDj0qtCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehd8LCRA9TVsSAnZWagAAzBYP/jDw+0EcTUEq/nBHniWV\ncLYDrru0XTnbiIiKPojpWev14eewZjM9LyrDys4oWj+ILRijjSZRRoogjY7Q\n1U37hqWWHIGRf21S+/+7NuvMItvVaGjyLKCuczMhaTJs+06+RWmE1zozgkCY\noCqZAXhf2UPsqMzfR16TGvLDqdrJXGQXZE0wmN5BmOEhCwfRWYtzonCyyVBv\nDjjz/hEfKeVYrbfVgj4Jiv4mpevhFr2hg9+mL129XK9AZ+uo6nj/aw3IiLzW\nlruoMZQHAAqQlqnQRFzf+4xOVuwH58q+p3eex6yYKV7EuhiJQbUb+zbs/5YR\n6ooFWaiUJ1R3Y+mIYuf/cEnUMpDhizgIawKvK7MGMZsUt+7lp5Gd3pVFLpbM\nXrVEuXMVsdHULRNGUh3bxG5eDmPC6xuEfrYSqEIBaK6YeyMnTq5kTgGDXwMh\nSFbzezhE9OD0UsUvuVADQhRFnDygF3P50OnU2OgricTtPVxIC4I0kzwDjK//\nKzjZ/p46OJks1OblDpvy05HdYZ8vAS1Xw3+Zw8SxvNleYx2WqQ9buj45Q559\nSU3WveLOKkhC3i5ae3kOshngvs4BHqm0D8WXAWbMR7Vh0rbO1iuAqn/v+Ok8\n1e17ehi3Ztbr6cle1GWQN2EamRRQLqH2euxKqNDmCnEAIjMpDVQvNEHz5Por\nOeWQ\r\n=B57U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-scrollview","readme":"[](https://www.npmjs.com/package/rax-scrollview)\n\n## 描述\n\nScrollView 是一个包装了滚动操作的组件。一般情况下需要一个确定的高度来保证 ScrollView 的正常展现。\n\n## 安装\n\n```bash\n$ npm install rax-scrollview --save\n```\n\n## 属性\n\n注：\n1、**支持**列表中的 ![\"browser\"](\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\")
代表 h5 ![\"weex\"](\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\")
代表 weex ![\"miniApp\"](\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\")
代表阿里小程序 ![\"wechatMiniprogram\"](\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\")
代表微信小程序\n\n| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |\n| ------------------------------ | ---------- | ---------- | -------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| scrollEventThrottle | `number` | 100 | false | 这个属性控制在滚动过程中，scroll 事件被调用的频率，用于滚动的节流 | |\n| horizontal | `boolean` | - | false | 设置为横向滚动 | |\n| scrollTop | `number` | 0 | false | 竖向滚动距离，优先级高于`scrollTo`方法 | |\n| scrollLeft | `number` | 0 | false | 横向滚动距离，优先级高于`scrollTo`方法 | |\n| showsHorizontalScrollIndicator | `boolean` | true | false | 是否允许出现水平滚动条 | |\n| showsVerticalScrollIndicator | `boolean` | true | false | 是否允许出现垂直滚动条 | |\n| onEndReachedThreshold | `number` | 500 | false | 设置加载更多的偏移 | |\n| onEndReached | `function` | - | false | 滚动区域还剩`onEndReachedThreshold`的长度时触发 | |\n| onScroll | `function` | - | false | 滚动时触发的事件，返回当前滚动的水平垂直距离 | |\n| onTouchStart | `function` | - | false | touchStart 触发的事件，返回触摸点数据（touches、changedTouches） | |\n| onTouchMove | `function` | - | false | touchMove 触发的事件，返回触摸点数据（touches、changedTouches） | |\n| onTouchEnd | `function` | - | false | touchEnd 触发的事件，返回触摸点数据（touches、changedTouches） | |\n| onTouchCancel | `function` | - | false | touchCancel 触发的事件，返回触摸点数据（touches、changedTouches） | |\n\n## 方法\n\n### scrollTo({x: number,y: number, animated?: boolean, duration?: number})\n\n#### 参数\n\n**参数为 object，包含以下属性**\n\n| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |\n| -------- | --------- | ---------- | -------- | --------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| x | `number` | - | 否 | \b 横向的偏移量 | |\n| y | `number` | - | 否 | 纵向的偏移量 | |\n| animated | `boolean` | `true` | 否 | 在设置滚动条位置时使用动画过渡 | |\n| duration | `number` | 400 | 否 | 当 `animated` 设置为 `true` 时，可以设置 duration 来控制动画的执行时间，单位 `ms` | |\n\n### scrollIntoView({id: string, animated?: boolean, duration?: number})\n\n#### 参数\n\n**参数为 `object`，包含以下属性**\n\n| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |\n| -------- | --------- | ---------- | -------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| id | `string` | - | 是 | 需要滚动到的元素 `id` | |\n| animated | `boolean` | `true` | 否 | 在设置滚动条位置时使用动画过渡 | |\n| duration | `number` | 400 | 否 | 当 `animated` 设置为 `true` 时，可以设置 duration 来控制动画的执行时间，单位 `ms` | |\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\n\nimport DriverUniversal from 'driver-universal';\nimport View from 'rax-view';\nimport Text from 'rax-text';\nimport ScrollView from 'rax-scrollview';\n\nfunction Thumb() {\n return (\n \n \n \n );\n}\n\nconst THUMBS = new Array(20).fill(1);\nconst createThumbRow = (val, index) => ;\n\nclass App extends Component {\n state = {\n horizontalScrollViewEventLog: false,\n scrollViewEventLog: false,\n };\n constructor(props) {\n super(props);\n this.horizontalScrollView = createRef();\n }\n\n render() {\n return (\n \n \n \n this.setState({ horizontalScrollViewEventLog: true })\n }\n >\n {THUMBS.map(createThumbRow)}\n \n\n {\n this.horizontalScrollView.current.scrollTo({ x: 0 });\n }}\n >\n Scroll to start\n \n\n \n \n {this.state.horizontalScrollViewEventLog ? 'onEndReached' : ''}\n \n \n \n\n \n {\n this.scrollView = scrollView;\n }}\n onEndReached={() => this.setState({ scrollViewEventLog: true })}\n >\n \n \n Cannot sticky\n \n \n\n \n Sticky view must in ScrollView root\n \n\n {THUMBS.map(createThumbRow)}\n \n\n {\n this.scrollView.scrollTo({ y: 0 });\n }}\n >\n Scroll to top\n \n\n \n {this.state.scrollViewEventLog ? 'onEndReached' : ''}\n \n \n \n );\n }\n}\n\nconst styles = {\n root: {\n width: '750rpx',\n paddingTop: '20rpx',\n },\n sticky: {\n position: 'sticky',\n width: '750',\n backgroundColor: '#cccccc',\n },\n container: {\n padding: '20rpx',\n borderStyle: 'solid',\n borderColor: '#dddddd',\n borderWidth: '1rpx',\n marginLeft: '20rpx',\n marginRight: '20rpx',\n marginBottom: '10rpx',\n },\n button: {\n margin: '7rpx',\n padding: '5rpx',\n alignItems: 'center',\n backgroundColor: '#eaeaea',\n borderRadius: '3rpx',\n },\n box: {\n width: '64rpx',\n height: '64rpx',\n },\n eventLogBox: {\n padding: '10rpx',\n margin: '10rpx;,\n height: '80rpx',\n borderWidth: '1rpx',\n borderColor: '#f0f0f0',\n backgroundColor: '#f9f9f9',\n },\n};\n\nrender(, document.body, { driver: DriverUniversal });\n```\n","engines":{"npm":">=3.0.0"},"license":"BSD-3-Clause","scripts":{"test":"rax-scripts test","build":"npm run clean && rax-scripts build","clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -rf ./demo/miniapp/lib","start":"rax-scripts start","prepublishOnly":"npm run build"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"homepage":"https://github.com/raxjs/rax-scrollview","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-components.git","type":"git"},"_npmVersion":"6.13.4","description":"ScrollView component for Rax.","directories":{},"maintainers":[{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},{"name":"rax-publisher","email":"rax-publisher@zeroling.com"},{"name":"solojiang","email":"feifeishen1996@gmail.com"},{"name":"wintercn","email":"csf178@gmail.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"}],"_nodeVersion":"10.19.0","dependencies":{"rax-text":"^1.0.1","rax-view":"^1.1.0","classnames":"^2.2.6","universal-env":"^3.0.0","rax-refreshcontrol":"^1.0.0","rax-get-element-by-id":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp-native/miniapp/index","propsMap":{"onEndReachedThreshold":"endReachedThreshold"},"main:wechat":"lib/miniapp-native/wechat-miniprogram/index"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.1.0","eslint":"^5.16.0","csstype":"^2.6.4","typescript":"^3.5.3","@types/jest":"^24.0.12","driver-weex":"^1.0.0","rax-scripts":"^2.0.0","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","driver-universal":"^1.0.0","@types/classnames":"^2.2.9","eslint-config-rax":"^0.0.0","rax-test-renderer":"^1.0.0","rax-plugin-component":"^0.1.9","@typescript-eslint/parser":"^1.7.0","@typescript-eslint/eslint-plugin":"^1.7.0"},"peerDependencies":{"rax":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-scrollview_3.0.1-0_1585831691064_0.7321752789145326","host":"s3://npm-registry-packages"},"_id":"rax-scrollview@3.0.1-0","version":"3.0.1-0"}