{"id":750,"date":"2018-02-25T20:33:25","date_gmt":"2018-02-25T12:33:25","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/25\/ionic-%e6%bb%9a%e5%8a%a8%e6%9d%a1\/"},"modified":"2018-02-25T20:33:25","modified_gmt":"2018-02-25T12:33:25","slug":"ionic-%e6%bb%9a%e5%8a%a8%e6%9d%a1","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=750","title":{"rendered":"ionic \u6eda\u52a8\u6761"},"content":{"rendered":"
\n
\n

ionic \u6eda\u52a8\u6761<\/h1>\n
\n

ion-scroll <\/h2>\n

ion-scroll \u7528\u4e8e\u521b\u5efa\u4e00\u4e2a\u53ef\u6eda\u52a8\u7684\u5bb9\u5668\u3002<\/p>\n

\u7528\u6cd5<\/h3>\n
\n<ion-scroll\n\u00a0\u00a0\u00a0\u00a0[delegate-handle=\"\"]\n\u00a0\u00a0\u00a0\u00a0[direction=\"\"]\n\u00a0\u00a0\u00a0\u00a0[paging=\"\"]\n\u00a0\u00a0\u00a0\u00a0[on-refresh=\"\"]\n\u00a0\u00a0\u00a0\u00a0[on-scroll=\"\"]\n\u00a0\u00a0\u00a0\u00a0[scrollbar-x=\"\"]\n\u00a0\u00a0\u00a0\u00a0[scrollbar-y=\"\"]\n\u00a0\u00a0\u00a0\u00a0[zooming=\"\"]\n\u00a0\u00a0\u00a0\u00a0[min-zoom=\"\"]\n\u00a0\u00a0\u00a0\u00a0[max-zoom=\"\"]>\n\u00a0\u00a0\u00a0\u00a0...\n<\/ion-scroll>\n<\/pre>\n
API<\/h3>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u5c5e\u6027<\/th>\n\u7c7b\u578b<\/th>\n\u8be6\u60c5<\/th>\n<\/tr>\n<\/thead>\n
\n        delegate-handle<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5b57\u7b26\u4e32<\/code>\n      <\/td>\n
\n
\u8be5\u53e5\u67c4\u5229\u7528$ionicScrollDelegate<\/code>\u6307\u5b9a\u6eda\u52a8\u89c6\u56fe\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        direction<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5b57\u7b26\u4e32<\/code>\n      <\/td>\n
\n
\u6eda\u52a8\u7684\u65b9\u5411\u3002 ‘x’ \u6216 ‘y’\u3002 \u9ed8\u8ba4 ‘y’\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        paging<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5e03\u5c14\u503c<\/code>\n      <\/td>\n
\n
\u5206\u9875\u662f\u5426\u6eda\u52a8\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        on-refresh<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u8868\u8fbe\u5f0f<\/code>\n      <\/td>\n
\n
\u8c03\u7528\u4e0b\u62c9\u5237\u65b0\uff0c \u7531ionRefresher<\/code>\u89e6\u53d1\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        on-scroll<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u8868\u8fbe\u5f0f<\/code>\n      <\/td>\n
\n
\u5f53\u7528\u6237\u6eda\u52a8\u65f6\u89e6\u53d1\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        scrollbar-x<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5e03\u5c14\u503c<\/code>\n      <\/td>\n
\n
\u662f\u5426\u663e\u793a\u6c34\u5e73\u6eda\u52a8\u6761\u3002\u9ed8\u8ba4\u4e3afalse\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        scrollbar-y<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5e03\u5c14\u503c<\/code>\n      <\/td>\n
\n
\u662f\u5426\u663e\u793a\u5782\u76f4\u6eda\u52a8\u6761\u3002\u9ed8\u8ba4\u4e3atrue\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        zooming<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u5e03\u5c14\u503c<\/code>\n      <\/td>\n
\n
\u662f\u5426\u652f\u6301\u53cc\u6307\u7f29\u653e\u3002<\/p>\n<\/td>\n<\/tr>\n
\n        min-zoom<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u6574\u6570<\/code>\n      <\/td>\n
\n
\u5141\u8bb8\u7684\u6700\u5c0f\u7f29\u653e\u91cf\uff08\u9ed8\u8ba4\u4e3a0.5\uff09<\/p>\n<\/td>\n<\/tr>\n
\n        max-zoom<\/p>\n
(\u53ef\u9009)<\/em><\/div>\n<\/td>\n
\n
  \u6574\u6570<\/code>\n      <\/td>\n
\n
\u5141\u8bb8\u7684\u6700\u5927\u7f29\u653e\u91cf\uff08\u9ed8\u8ba4\u4e3a3\uff09<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u5b9e\u4f8b<\/h3>\n
HTML \u4ee3\u7801<\/h3>\n
\n<ion-scroll zooming=\"true\" direction=\"xy\" style=\"width: 500px; height: 500px\">\n\u00a0\u00a0\u00a0\u00a0<div style=\"width: 5000px; height: 5000px; background: url('http:\/\/www.runoob.com\/try\/demo_source\/Europe_geological_map-en.jpg') repeat\"><\/div>\n<\/ion-scroll>\n<\/pre>\n
CSS \u4ee3\u7801<\/h3>\n
\nbody {\n  cursor: url('http:\/\/www.runoob.com\/try\/demo_source\/finger.png'), auto;\n}\n<\/pre>\n
JavaScript \u4ee3\u7801<\/h3>\n
\nangular.module('ionicApp', ['ionic']);\n<\/pre>\n