{"id":5480,"date":"2024-12-22T15:21:43","date_gmt":"2024-12-22T15:21:43","guid":{"rendered":"https:\/\/forestgreen-jay-845795.hostingersite.com\/?p=5480"},"modified":"2024-12-24T23:39:12","modified_gmt":"2024-12-24T20:39:12","slug":"%d0%b8%d0%bd%d0%be%d0%b3%d0%b4%d0%b0-%d1%82%d1%80%d0%b5%d0%b1%d1%83%d0%b5%d1%82%d1%81%d1%8f-%d0%ba%d0%bd%d0%be%d0%bf%d0%ba%d0%b0-%d0%b4%d0%bb%d1%8f-%d0%bf%d1%80%d0%be%d0%ba%d1%80%d1%83%d1%82%d0%ba","status":"publish","type":"post","link":"https:\/\/newsbee.blog\/wp-tips\/2024\/12\/22\/5480\/","title":{"rendered":"\u0418\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0432\u0432\u0435\u0440\u0445"},"content":{"rendered":"<p>\u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u2b06\ufe0f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0435\u0440\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u043a\u043e\u0434\u0430\u043c\u0438.<\/p>\n<p><strong>CSS<\/strong><\/p>\n<div class=\"code-block-wrapper\" style=\"position: relative;\">\n        <button class=\"copy-button\" id=\"copy_code_block_6a35613e5321d\" data-target=\"code_block_6a35613e5321d\" style=\"\n            position: absolute; \n            top: 10px; \n            right: 10px; \n            background: #0073aa; \n            color: #fff; \n            border: none; \n            padding: 5px 10px; \n            cursor: pointer; \n            font-size: 12px;\n            border-radius: 5px;\">Copy<\/button><\/p>\n<pre><code id=\"code_block_6a35613e5321d\">\r\n#scrollToTop {\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  background: #ff6f61;\r\n  color: #fff;\r\n  padding: 10px 15px;\r\n  border-radius: 50%;\r\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n  cursor: pointer;\r\n  display: none;\r\n  transition: all 0.3s ease;\r\n}\r\n#scrollToTop:hover {\r\n  background: #e64a19;\r\n}\r\n<\/code><\/pre>\n<\/p><\/div>\n<p><strong>HTML &#8212; \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443<\/strong><\/p>\n<div class=\"code-block-wrapper\" style=\"position: relative;\">\n        <button class=\"copy-button\" id=\"copy_code_block_6a35613e53227\" data-target=\"code_block_6a35613e53227\" style=\"\n            position: absolute; \n            top: 10px; \n            right: 10px; \n            background: #0073aa; \n            color: #fff; \n            border: none; \n            padding: 5px 10px; \n            cursor: pointer; \n            font-size: 12px;\n            border-radius: 5px;\">Copy<\/button><\/p>\n<pre><code id=\"code_block_6a35613e53227\">\r\n&lt;div id=&quot;scrollToTop&quot; onclick=&quot;window.scrollTo({ top: 0, behavior: &#039;smooth&#039; });&quot;&gt;\r\n  \u2191\r\n&lt;\/div&gt;\r\n<\/code><\/pre>\n<\/p><\/div>\n<p><strong>\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 JavaScript<\/strong><\/p>\n<div class=\"code-block-wrapper\" style=\"position: relative;\">\n        <button class=\"copy-button\" id=\"copy_code_block_6a35613e5322d\" data-target=\"code_block_6a35613e5322d\" style=\"\n            position: absolute; \n            top: 10px; \n            right: 10px; \n            background: #0073aa; \n            color: #fff; \n            border: none; \n            padding: 5px 10px; \n            cursor: pointer; \n            font-size: 12px;\n            border-radius: 5px;\">Copy<\/button><\/p>\n<pre><code id=\"code_block_6a35613e5322d\">\r\ndocument.addEventListener(&#039;scroll&#039;, () =&gt; {\r\n  const scrollToTop = document.getElementById(&#039;scrollToTop&#039;);\r\n  scrollToTop.style.display = window.scrollY &gt; 200 ? &#039;block&#039; : &#039;none&#039;;\r\n});\r\n<\/code><\/pre>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0435 \u0432\u0441\u0435 \u0442\u0435\u043c\u044b (\u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430) \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0432\u0432\u0435\u0440\u0445. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442.<\/p>\n <a class=\"read-more-button\" href=\"https:\/\/newsbee.blog\/wp-tips\/2024\/12\/22\/5480\/\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a>","protected":false},"author":1,"featured_media":5481,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,41],"tags":[44,121,120,122,123],"class_list":["post-5480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-snippets","tag-css","tag-html","tag-javascript","tag-122","tag-123"],"_links":{"self":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/5480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/comments?post=5480"}],"version-history":[{"count":2,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/5480\/revisions"}],"predecessor-version":[{"id":5551,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/posts\/5480\/revisions\/5551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media\/5481"}],"wp:attachment":[{"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/media?parent=5480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/categories?post=5480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newsbee.blog\/wp-tips\/wp-json\/wp\/v2\/tags?post=5480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}