{"id":2232,"date":"2017-05-05T15:52:09","date_gmt":"2017-05-05T07:52:09","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2232"},"modified":"2017-05-05T15:52:09","modified_gmt":"2017-05-05T07:52:09","slug":"js%ef%bc%8chtml-%e7%9b%91%e5%90%ac%e9%a1%b5%e9%9d%a2%e6%bb%9a%e5%8a%a8%e9%ab%98%e5%ba%a6-%e7%82%b9%e5%87%bb%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2232","title":{"rendered":"js\uff0chtml \u76d1\u542c\u9875\u9762\u6eda\u52a8\u9ad8\u5ea6 \u70b9\u51fb\u8fd4\u56de\u9876\u90e8"},"content":{"rendered":"<p>\u81ea\u5df1\u4e0a\u4ee3\u7801\u6bd4\u8f83\u5bb9\u6613\uff1a\u8fd9\u8fb9\u662fes6\u7684\u5199\u6cd5\uff0c\u53ef\u4ee5\u5c01\u88c5\u6210\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u8fd9\u6837\u6bcf\u4e2a\u754c\u9762\u90fd\u53ef\u4ee5\u7528\u4e86<\/p>\n<pre>import React from 'react';\r\n\r\n\/\/\u70b9\u51fb\u8fd4\u56de\u9876\u90e8\r\n\r\nclass BackTop extends React.Component {\r\n\r\n    \/\/ \u6e32\u67d3\u4e4b\u540e\r\n    componentDidMount() {\r\n        window.onscroll = function () {\r\n            \/\/ \u53d8\u91cft\u5c31\u662f\u6eda\u52a8\u6761\u6eda\u52a8\u65f6\uff0c\u5230\u9876\u90e8\u7684\u8ddd\u79bb\r\n            const t = document.documentElement.scrollTop || document.body.scrollTop;\r\n            const top_view = document.getElementById('top_view');\r\n            if (top_view !== null) {\r\n                top_view.style.display = t &gt;= 100 ? 'block' : 'none';\r\n            }\r\n        };\r\n    }\r\n\r\n    \/\/ \u8fd4\u56de\u9876\u90e8\r\n    scrollToTop = () =&gt; {\r\n        window.scrollTo(0, 0);\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            &lt;div\r\n                id=\"top_view\"\r\n                onClick={this.scrollToTop}\r\n                className=\"back-top\"\r\n            &gt;\r\n                &lt;span&gt;\u9876\u90e8&lt;\/span&gt;\r\n            &lt;\/div&gt;\r\n        );\r\n    }\r\n}\r\n\r\nexport default BackTop;<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=2232\">js\uff0chtml \u76d1\u542c\u9875\u9762\u6eda\u52a8\u9ad8\u5ea6 \u70b9\u51fb\u8fd4\u56de\u9876\u90e8<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u81ea\u5df1\u4e0a\u4ee3\u7801\u6bd4\u8f83\u5bb9\u6613\uff1a\u8fd9\u8fb9\u662fes6\u7684\u5199\u6cd5\uff0c\u53ef\u4ee5\u5c01\u88c5\u6210\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u8fd9\u6837\u6bcf\u4e2a\u754c\u9762\u90fd\u53ef\u4ee5\u7528\u4e86 import React from &#8216;react&#8217;; \/\/\u70b9\u51fb\u8fd4\u56de\u9876\u90e8 class BackTop extends  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[83,9,293],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2232"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2232"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2233,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2232\/revisions\/2233"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}