{"id":631,"date":"2017-04-28T15:42:35","date_gmt":"2017-04-28T07:42:35","guid":{"rendered":"http:\/\/loveuhouse.cn\/wordpress\/?p=631"},"modified":"2017-04-28T15:43:39","modified_gmt":"2017-04-28T07:43:39","slug":"%e5%8e%9f%e7%94%9fjs%e5%b9%b3%e6%bb%91%e6%bb%9a%e5%8a%a8-%e3%80%90%e6%88%91%e5%86%99%e7%9a%84%e5%be%88%e8%8f%9c%e3%80%91","status":"publish","type":"post","link":"https:\/\/loveuhouse.cn\/wordpress\/?p=631","title":{"rendered":"\u539f\u751fjs\u5e73\u6ed1\u6eda\u52a8 \u3010\u6211\u5199\u7684\u5f88\u83dc\u3011"},"content":{"rendered":"<pre class=\"lang:js decode:true\">\n    \/**\n* \u5e73\u6ed1\u6eda\u52a8\n* @param target[document.Element] \u6eda\u52a8\u76ee\u6807\n* @param lengthTo[number] \u6eda\u52a8\u5230\u8fbe\n* @param type[string] \u6eda\u52a8x\/y\u8f74\n* @param callback[function] \u6eda\u52a8\u540e\u56de\u8c03\n*\/\nfunction roll(target,lengthTo,type,callback){\n  var type = type || \"x\";\n  var dd = target,\n      dnow = (type == \"x\") ? dd.scrollLeft : dd.scrollTop;\n      dmin = 0,\n      dmax = (type == \"x\") ? dd.scrollWidth : dd.scrollHeight,\n      dto = (lengthTo > dmin) ? ( ( lengthTo < dmax ) ? lengthTo : dmax ): dmin,\n      step = 20,\n      distance = Math.abs (dto - dnow),\n      count = 1 ,\n      direction = (dto > dnow)? 1 : -1 ;\n       (function() {\n         var timePre = count \/ step;\n         var dnow = (type == \"x\") ? dd.scrollLeft : dd.scrollTop;\n         var speed = Math.floor( distance \/ step ) ;\n         \/\/ speed = Tween.Quad.easeIn(1,0, speed * 1.5  , 0.5 + 0.1 * count); \/\/\u9700\u8981\u6709\u7f13\u52a8\u51fd\u6570\u652f\u6301\n         var move = dnow + direction * speed ;\n\n\/\/ console.log(distance,speed , move);\n\n         if(timePre > 1 || Math.abs(move - dto ) <= Math.abs(speed)){\n           (type == \"x\") ? target.scrollLeft = dto :  target.scrollTop = dto;\n                     if(typeof callback ==\"function\"){\n                         callback();\n                     }\n           return ;\n         }\n         (type == \"x\") ? target.scrollLeft = move : target.scrollTop = move;\n\n         count++;\n         setTimeout(arguments.callee, 40);\n       })();\n}\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\/** * \u5e73\u6ed1\u6eda\u52a8 * @param target[document.Element] \u6eda\u52a8\u76ee\u6807 * @pa &hellip; <a href=\"https:\/\/loveuhouse.cn\/wordpress\/?p=631\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u539f\u751fjs\u5e73\u6ed1\u6eda\u52a8 \u3010\u6211\u5199\u7684\u5f88\u83dc\u3011<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/631"}],"collection":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=631"}],"version-history":[{"count":2,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/631\/revisions"}],"predecessor-version":[{"id":633,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/631\/revisions\/633"}],"wp:attachment":[{"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loveuhouse.cn\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}