{"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"dist":{"shasum":"a057bc8da80995c6dcb960eb573372cbdffe4bcc","tarball":"https://registry.npmjs.org/rax-scrollview/-/rax-scrollview-3.7.5-beta.1.tgz","fileCount":99,"integrity":"sha512-admsiBSUq8QCK/o85lTkMn/zyFa0miFZFMNrn3PqZ7Y7+lD8Uneqz5S+tIINhQn0Rw00lzirPpXdT6nwQkYpHg==","signatures":[{"sig":"MEYCIQDeE+yh39LNIuMOmv2792jxabzMfBzk4u7Lk/BLZQllrAIhAPjz1Sn51tM0Wuhepha+E8RZ8RZJ4VVq9yftvVTtqAcY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":255986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdaEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiKA/+NxUfcD+RmBqN88NmxdsvUqECHmsMcVA+PMQNCcbG3pE9kczA\r\n3z4SgvNs+WW/cnWwlvWO4zTtqF7IOovu0LLlpxEKPTZVIhpYINLtyHsNLmIS\r\nKvj/DYEpp6cv79a22mtjsHzzVFAdya0qVco9LxJ6BvxwmYivTJCU9/91NMtR\r\nKV2h5r2jCt2YxaeveTcnuIV9K4O9vDEMfbymFA46r3xKpbcAHtF6tMsQQrGl\r\nAW1wWbb2uIqwlPmVs1ssj/Pjpi882h/0zSZtyeJ1Z1TxcwxiC5Tb/ezl8pbW\r\nWkCUkK/s2veemOjwGXaB5Oedb3pqFpGJXGvPcIpjgE0SPqOXaBUTfhYPlbLJ\r\neVCC7c9sYBIcZ8oxGRES+ST6/CQjUk7taPC0/+iyQU5AhmHT9qMs9QiKoLy4\r\nidZvmZDRSqU+VJTIkXd0XsB7bk+SNEiQUOMwIw9YExBxHy3bKLSxdyatP1qC\r\n0KUJryBMduGu5jpFfbbIAfARWHMYA4yqvKRQGXC7iP2i8wExzt+LqbHddTCs\r\nllenGMeA+0CCvX2iR7Q4S/uFKxb5wStI/rIvbOtUvu+aPLUEVbaLhebcNgBf\r\ncGTFXvIe8ojEhN3EXqVVlu+F5gz4WmTSM6oASuneiqGsaFeRXPt59VrzpPKD\r\nfDRMd/vlFtc80rWLsZFv/dL7B8n00nSCt7U=\r\n=7hCw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-scrollview","types":"lib/index.d.ts","module":"es/index.js","readme":"# rax-scrollview\n\n[](https://www.npmjs.com/package/rax-scrollview)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\nScrollView 是一个包装了滚动操作的组件。一般情况下需要一个确定的高度来保证 ScrollView 的正常展现。\n\n## 安装\n\n```bash\n$ npm install rax-scrollview --save\n```\n\n## 属性\n\n| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |\n| ------------------------------ | ---------- | ---------- | -------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| scrollEventThrottle | `number` | 50 | false | 这个属性控制在滚动过程中，scroll 事件被调用的频率，用于滚动的节流 | ![\"browser\"](\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\")
![\"weex\"](\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\")
|\n| horizontal | `boolean` | - | false | 设置为横向滚动 | ![\"miniApp\"](\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\")
![\"wechatMiniprogram\"](\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\")
![\"bytedanceMicroApp\"](\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\")
![\"quickApp\"](\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\")
|\n| scrollTop | `number` | 0 | false | 竖向滚动距离，优先级高于`scrollTo`方法（注：运行时小程序无法生效，请使用 `scrollTo` 方案） | |\n| scrollLeft | `number` | 0 | false | 横向滚动距离，优先级高于`scrollTo`方法（注：运行时小程序无法生效，请使用 `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| disableScroll | `boolean` | - | false | 是否禁止滚动, rax-scrollview@3.3.3 及以上版本支持 | |\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, offsetX?: number, offsetY?: 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| offsetX | `number` | - | 否 | 滚动的额外 X 偏移 | |\n| offsetY | `number` | - | 否 | 滚动的额外 Y 偏移 | |\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","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","default":"./es/index.js","miniapp":"./es/miniapp/index.js","baidu-smartprogram":"./es/miniapp/index.js","bytedance-microapp":"./es/miniapp/index.js","wechat-miniprogram":"./es/miniapp/index.js","kuaishou-miniprogram":"./es/miniapp/index.js"},"./*":"./*"},"gitHead":"e9b7a2b1e572d43ebb583f5bf97e1673363f04e7","license":"BSD-3-Clause","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"_npmUser":{"name":"chenjun1011","email":"chenjun1011@gmail.com"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-components.git","type":"git"},"_npmVersion":"8.5.5","description":"ScrollView component for Rax.","directories":{},"maintainers":[{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"},{"name":"wintercn","email":"csf178@gmail.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"chenjun1011","email":"chenjun1011@gmail.com"},{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"solojiang","email":"feifeishen1996@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"miniprogram":".","_nodeVersion":"16.15.0","dependencies":{"rax-text":"^2.0.0","rax-view":"^2.0.0","classnames":"^2.2.6","universal-env":"^3.0.0","@uni/system-info":"^1.0.5","rax-refreshcontrol":"^1.0.0","rax-get-element-by-id":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","propsMap":{"onEndReachedThreshold":"endReachedThreshold"},"main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:quickapp":"lib/miniapp-native/quickapp/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"eslint":"^5.16.0","csstype":"^2.6.4","@types/rax":"^1.0.0","typescript":"^3.5.3","@types/jest":"^24.0.12","driver-weex":"^1.0.0","@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","@typescript-eslint/parser":"^1.7.0","@typescript-eslint/eslint-plugin":"^1.7.0"},"peerDependencies":{"rax":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-scrollview_3.7.5-beta.1_1661326980179_0.7188541531607386","host":"s3://npm-registry-packages"},"_id":"rax-scrollview@3.7.5-beta.1","version":"3.7.5-beta.1"}