![\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\u63d2\u56fe\"](\"https:\/\/img.php.cn\/\/upload\/image\/308\/742\/558\/1489643192397963.jpg\" "\\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\u63d2\u56fe\\"")
<\/p>\n\u7f51\u9875\u5f00\u53d1\u7684\u65f6\u5019\u5f80\u5f80\u4f1a\u4e3a\u4e86\u9875\u9762\u7684\u7f8e\u89c2\uff0c\u800c\u9009\u62e9\u53bb\u6389\u6eda\u52a8\u533a\u57df\u9ed8\u8ba4\u7684\u6eda\u52a8\u6761\u3002\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u7684\u65b9\u6cd5\u4e4b\u4e00\uff1a<\/p>\n
\u9996\u5148\u6211\u4eec\u6765\u770b\u4e00\u4e0b\uff0cscroll-view\u7684\u4e00\u4e9b\u7ec4\u4ef6<\/p>\n
<\/p>\n
\u4f7f\u7528\u7ad6\u5411\u6eda\u52a8\u65f6\uff0c\u9700\u8981\u7ed9 \u4e00\u4e2a\u56fa\u5b9a\u9ad8\u5ea6\uff0c\u901a\u8fc7 \u8bbe\u7f6e height\u3002
\u518d\u6765\u770b\u4e00\u4e9b\u7b80\u5355\u7684\u4ee3\u7801\u793a\u4f8b\uff1a<\/p>\n
<view>\r\n <view>vertical scroll<\/view>\r\n <scroll-view>\r\n <view><\/view>\r\n <view><\/view>\r\n <view><\/view>\r\n <view><\/view>\r\n <\/scroll-view>\r\n \r\n <view>\r\n <button>click me to scroll into view <\/button>\r\n <button>click me to scroll<\/button>\r\n <\/view><\/view><view>\r\n <view>horizontal scroll<\/view>\r\n <scroll-view>\r\n <view><\/view>\r\n <view><\/view>\r\n <view><\/view>\r\n <view><\/view>\r\n <\/scroll-view><\/view><\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
var order = ['red', 'yellow', 'blue', 'green', 'red']\r\nPage({\r\n data: {\r\n toView: 'red',\r\n scrollTop: 100\r\n },\r\n upper: function(e) {\r\n console.log(e)\r\n },\r\n lower: function(e) {\r\n console.log(e)\r\n },\r\n scroll: function(e) {\r\n console.log(e)\r\n },\r\n tap: function(e) {\r\n for (var i = 0; i <p><img src=\"https:\/\/img.php.cn\/\/upload\/image\/503\/661\/452\/1489642942174580.png\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" style=\"max-width:90%\" style=\"max-width:90%\"><\/p><p><img src=\"https:\/\/img.php.cn\/\/upload\/image\/885\/649\/303\/1489642971911534.png\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" style=\"max-width:90%\" style=\"max-width:90%\"><\/p><p>\u6548\u679c\u56fe\u5982\u4e0b\uff1a<\/p><p><img src=\"https:\/\/img.php.cn\/\/upload\/image\/854\/287\/334\/1489643137709656.png\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\" style=\"max-width:90%\" style=\"max-width:90%\"><\/p><p>\u6ce8\u610f\uff1a<br>\uff081\uff09\u4e0d\u80fd\u5728scroll-view\u4e2d\u4f7f\u7528textarea,mao,<a href=\"http:\/\/www.php.cn\/code\/7892.html\" target=\"_blank\">canvas<\/a>,video\u7ec4\u4ef6<br>\uff082\uff09scroll-init-view\u7684<a href=\"http:\/\/www.php.cn\/code\/6066.html\" target=\"_blank\">\u4f18\u5148\u7ea7<\/a>\u9ad8\u4e8escroll-top<br>\uff083\uff09onPullDownRefresh<a href=\"http:\/\/www.php.cn\/js\/js-jspopular-guide-event.html\" target=\"_blank\">\u4e8b\u4ef6<\/a>\uff0c\u65e0\u6cd5\u5728scroll-view\u4e2d\u89e6\u53d1<br>\uff084\uff09\u82e5\u60f3\u4f7f\u7528\u4e0b\u62c9\u5237\u65b0\uff0c\u4e00\u5b9a\u8981\u4f7f\u7528\u9875\u9762\u7684\u6eda\u52a8\uff0c\u800c\u4e0d\u662fscroll-view\uff0c\u8fd9\u6837\u4e5f\u80fd\u901a\u8fc7\u70b9\u51fb\u9876\u90e8<a href=\"http:\/\/www.php.cn\/code\/8243.html\" target=\"_blank\">\u72b6\u6001<\/a>\u680f\u56de\u5230\u9875\u9762\u9876\u90e8<\/p><\/pre>\n\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u7f51\u9875\u5f00\u53d1\u7684\u65f6\u5019\u5f80\u5f80\u4f1a\u4e3a\u4e86\u9875\u9762\u7684\u7f8e\u89c2\uff0c\u800c\u9009\u62e9\u53bb\u6389\u6eda\u52a8\u533a\u57df\u9ed8\u8ba4\u7684\u6eda\u52a8\u6761\u3002\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u7684\u65b9\u6cd5\u4e4b\u4e00\uff1a \u9996\u5148\u6211\u4eec\u6765\u770b\u4e00\u4e0b\uff0cscroll-view\u7684\u4e00\u4e9b\u7ec4\u4ef6 \u4f7f\u7528\u7ad6\u5411\u6eda\u52a8\u65f6\uff0c\u9700\u8981\u7ed9 \u4e00\u4e2a\u56fa\u5b9a\u9ad8\u5ea6\uff0c\u901a\u8fc7 \u8bbe\u7f6e height\u3002\u518d\u6765\u770b\u4e00\u4e9b\u7b80\u5355\u7684\u4ee3\u7801\u793a\u4f8b\uff1a <view> <view>vertical scroll<\/view> <scroll-view> <view><\/view> <view><\/view> <view><\/view> <view><\/view> <\/scroll-view> <view> <button>click me to scroll into view <\/button> <button>click me to scroll<\/button> <\/view><\/view><view> <view>horizontal scroll<\/view> <scroll-view> <view><\/view> <view><\/view> <view><\/view> <view><\/view> <\/scroll-view><\/view> \u767b\u5f55\u540e\u590d\u5236 var order = [‘red’, ‘yellow’, ‘blue’, ‘green’, ‘red’] Page({ data: { toView: ‘red’, scrollTop: 100 }, upper: function(e) { console.log(e) }, lower: function(e) { console.log(e) }, scroll: function(e) { console.log(e) }, tap: function(e) { for (var i = 0; i <p><img src=”https:\/\/img.php.cn\/\/upload\/image\/503\/661\/452\/1489642942174580.png” title=”\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd” alt=”\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd” style=”max-width:90%” style=”max-width:90%”><\/p><p><img src=”https:\/\/img.php.cn\/\/upload\/image\/885\/649\/303\/1489642971911534.png” title=”\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd” alt=”\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u5b9e\u73b0scroll-view\u9690\u85cf\u6eda\u52a8\u6761\u65b9\u6cd5\u4ecb\u7ecd” style=”max-width:90%” style=”max-width:90%”><\/p><p>\u6548\u679c\u56fe\u5982\u4e0b\uff1a<\/p><p><img src=”https:\/\/img.php.cn\/\/upload\/image\/854\/287\/334\/1489643137709656.png” […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-29054","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=29054"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29054\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}