{"id":1453,"date":"2013-01-09T10:13:52","date_gmt":"2013-01-09T01:13:52","guid":{"rendered":"http:\/\/hangunsworld.com\/blog\/?p=1453"},"modified":"2013-04-22T15:24:55","modified_gmt":"2013-04-22T06:24:55","slug":"iscroll-4%ec%97%90-onscroll-%ec%9d%b4%eb%b2%a4%ed%8a%b8-%ec%b6%94%ea%b0%80","status":"publish","type":"post","link":"http:\/\/hangunsworld.com\/blog\/1453","title":{"rendered":"iScroll 4\uc5d0 onScroll \uc774\ubca4\ud2b8 \uc0ac\uc6a9\ud558\uc5ec iOS\uc758 TableView \uad6c\ud604\ud558\uae30"},"content":{"rendered":"<p>\ucd5c\uadfc \ubaa8\ubc14\uc77c\uc6f9 \ud504\ub85c\uc81d\ud2b8\ub97c \uc9c4\ud589\ud558\uba74\uc11c, <code>DIV<\/code> \uc2a4\ud06c\ub864 \uae30\ub2a5\uc774 \ud544\uc694\ud558\uc5ec <a href=\"http:\/\/cubiq.org\/iscroll-4\">iScroll<\/a>\uc744 \uc0ac\uc6a9\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0\ub370 \uc544\uc9c1 <code>onScroll<\/code> \uc774\ubca4\ud2b8\ub97c \uc81c\uacf5\ud558\uc9c0 \uc54a\uc544\uc11c, \uc57d\uac04\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud574\uc11c <code>onScrolling<\/code> \uc774\ubca4\ud2b8\ub97c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub2e4\uc74c\uacfc \uac19\uc774 onScrolling \uc774\ubca4\ud2b8\ub97c \ucd94\uac00\ud574 \uc8fc\uace0,<\/p>\n<pre lang=\"javascript\" line=\"127\">\/\/ Events\r\nonRefresh: null,\r\nonBeforeScrollStart: function (e) { e.preventDefault(); },\r\nonScrollStart: null,\r\nonBeforeScrollMove: null,\r\nonScrollMove: null,\r\nonBeforeScrollEnd: null,\r\nonScrollEnd: null,\r\nonTouchEnd: null,\r\nonDestroy: null,\r\nonZoomStart: null,\r\nonZoom: null,\r\nonZoomEnd: null,\r\nonScrolling:null<\/pre>\n<p>\uadf8\ub9ac\uace0 <code>_pos<\/code>\ud568\uc218\uc5d0\uc11c \uc704\uc5d0\uc11c \uc815\uc758\ub41c <code>onScrolling<\/code> \uc774\ubca4\ud2b8\ub97c \uc2e4\ud589\ud558\ub3c4\ub85d \ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<pre lang=\"javascript\" line=\"287\">_pos: function (x, y) {\r\n\tif (this.zoomed) return;\r\n\r\n\tx = this.hScroll ? x : 0;\r\n\ty = this.vScroll ? y : 0;\r\n\r\n\tif (this.options.useTransform) {\r\n\t\tthis.scroller.style[transform] = 'translate(' + x + 'px,' + y + 'px) scale(' + this.scale + ')' + translateZ;\r\n\t} else {\r\n\t\tx = m.round(x);\r\n\t\ty = m.round(y);\r\n\t\tthis.scroller.style.left = x + 'px';\r\n\t\tthis.scroller.style.top = y + 'px';\r\n\t}\r\n\r\n\tthis.x = x;\r\n\tthis.y = y;\r\n\t\t\r\n\tif (this.options.onScrolling) this.options.onScrolling.call(this);\r\n\r\n\tthis._scrollbarPos('h');\r\n\tthis._scrollbarPos('v');\r\n},<\/pre>\n<p>\uc2a4\ud06c\ub864 \uc774\ubca4\ud2b8\ub97c \ubc1b\uc73c\ub824\uba74, iScroll \ucd08\uae30\ud654 \uc2dc\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 \ucf5c\ubc31\ud568\uc218\ub97c \ub4f1\ub85d\ud574 \uc8fc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<pre lang=\"javascript\">myScroll = new iScroll('wrapper', {onScrolling: scrolling});\r\n\r\nfunction scrolling(){\r\n\t\/\/ onScroll event\r\n}<\/pre>\n<p>\uc57d 2\uc8fc\uc77c \uc815\ub3c4 \ud14c\uc2a4\ud2b8 \ud574\ubcf4\uace0 \uc788\ub294\ub370, \uc544\uc9c1\uae4c\uc9c4 \ubcc4\ub2e4\ub978 \ubb38\uc81c\ub294 \uc5c6\uc5b4 \ubcf4\uc774\ub124\uc694.<\/p>\n<p><strong>iOS TableView Demo<\/strong><br \/>\n<a href=\"http:\/\/hangunsworld.com\/blogSamples\/iScroll\/\">Simple TableView Demo<\/a><br \/>\n<a href=\"http:\/\/hangunsworld.com\/blogSamples\/iScroll\/index2.html\">TableView with IndexBar Demo<\/a><br \/>\n<iframe loading=\"lazy\" width=\"330\" height=\"500\" src=\"\/blogSamples\/iScroll\/?iframe\"><\/iframe><iframe loading=\"lazy\" width=\"330\" height=\"500\" src=\"\/blogSamples\/iScroll\/index2.html?iframe\" style=\"margin-left:30px\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ucd5c\uadfc \ubaa8\ubc14\uc77c\uc6f9 \ud504\ub85c\uc81d\ud2b8\ub97c \uc9c4\ud589\ud558\uba74\uc11c, DIV \uc2a4\ud06c\ub864 \uae30\ub2a5\uc774 \ud544\uc694\ud558\uc5ec iScroll\uc744 \uc0ac\uc6a9\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0\ub370 \uc544\uc9c1 onScroll \uc774\ubca4\ud2b8\ub97c \uc81c\uacf5\ud558\uc9c0 \uc54a\uc544\uc11c, \uc57d\uac04\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud574\uc11c onScrolling \uc774\ubca4\ud2b8\ub97c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc774 onScrolling \uc774\ubca4\ud2b8\ub97c \ucd94\uac00\ud574 \uc8fc\uace0, \/\/ Events onRefresh: null, onBeforeScrollStart: function (e) { e.preventDefault(); }, onScrollStart: null, onBeforeScrollMove: null, onScrollMove: null, onBeforeScrollEnd: null, onScrollEnd: null, onTouchEnd: null, onDestroy: null, onZoomStart: null, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[475,473,477,474,476],"class_list":["post-1453","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-ios","tag-iscroll","tag-jquery","tag-onscroll","tag-tableview"],"_links":{"self":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/1453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/comments?post=1453"}],"version-history":[{"count":0,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/1453\/revisions"}],"wp:attachment":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/media?parent=1453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/categories?post=1453"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/tags?post=1453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}