{"id":267429,"date":"2023-01-02T14:57:00","date_gmt":"2023-01-02T11:57:00","guid":{"rendered":"https:\/\/inform.click\/zmina-aktivnogo-punktu-menju-pid-chas-prokruchuvannja-storinki-za-dopomogoju-jquery\/"},"modified":"2025-01-09T04:26:35","modified_gmt":"2025-01-09T01:26:35","slug":"zmina-aktivnogo-punktu-menju-pid-chas-prokruchuvannja-storinki-za-dopomogoju-jquery","status":"publish","type":"post","link":"https:\/\/inform.click\/uk\/zmina-aktivnogo-punktu-menju-pid-chas-prokruchuvannja-storinki-za-dopomogoju-jquery\/","title":{"rendered":"\u0417\u043c\u0456\u043d\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0443 \u043c\u0435\u043d\u044e \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e jQuery"},"content":{"rendered":"<p>\n  \u0426\u0435\u0439 \u043f\u0456\u0434\u0440\u0443\u0447\u043d\u0438\u043a \u043d\u0430\u0432\u0447\u0438\u0442\u044c \u0432\u0430\u0441, \u044f\u043a \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0431\u0435\u0437 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u0456\u0432 js \u0430\u0431\u043e \u043f\u043b\u0430\u0433\u0456\u043d\u0430.\n<\/p>\n<p>\n  \u0423 \u0446\u0456\u0439 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0456 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 jQuery \u0434\u043b\u044f \u0434\u043e\u0441\u044f\u0433\u043d\u0435\u043d\u043d\u044f \u043d\u0430\u0448\u043e\u0457 \u043c\u0435\u0442\u0438.\n<\/p>\n<h5>\n  \u041e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<br \/>\n<\/h5>\n<p>\n  \u041f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0438\u0439 (\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439) \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u0431\u0443\u0434\u0435 \u0437\u043c\u0456\u043d\u0435\u043d\u043e \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u043f\u043e\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u043e\u0437\u0434\u0456\u043b\u0443, \u044f\u043a\u0438\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0430\u0454\u0442\u044c\u0441\u044f. \u0426\u0435 \u0442\u0430\u043a\u043e\u0436 \u0441\u0442\u0430\u043d\u0435\u0442\u044c\u0441\u044f, \u044f\u043a\u0449\u043e \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043a\u043b\u0430\u0446\u043d\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0431\u0443\u0434\u044c-\u044f\u043a\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0443 \u043c\u0435\u043d\u044e. \u0426\u0435\u0439 \u0442\u0438\u043f \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0441\u0442\u043e\u0440\u0456\u043d\u043a\u043e\u0432\u0438\u0445 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\u0432 \u0456\u0437 \u0444\u0456\u043a\u0441\u043e\u0432\u0430\u043d\u043e\u044e \u043f\u0430\u043d\u0435\u043b\u043b\u044e \u043c\u0435\u043d\u044e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u043e\u0437\u043f\u043e\u0447\u043d\u0435\u043c\u043e.\n<\/p>\n<p>\n  \u0416\u0438\u0432\u0430 \u0434\u0435\u043c\u043e\n<\/p>\n<p>\n  \u041f\u0435\u0440\u0448\u0438\u0439 \u043a\u0440\u043e\u043a: \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438\n<\/p>\n<p>\n  \u0420\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u0434\u0443\u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u0430 \u0456 \u043b\u0435\u0433\u043a\u0430. \u041c\u0438 \u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457 \u0437 \u043a\u0456\u043b\u044c\u043a\u043e\u043c\u0430 \u043f\u0443\u043d\u043a\u0442\u0430\u043c\u0438 \u043c\u0435\u043d\u044e, \u044f\u043a \u0443 \u043d\u0430\u0441 \u043d\u0430 www.instantshift.com. \u0423 \u043d\u044c\u043e\u043c\u0443 \u0454 \u043a\u0456\u043b\u044c\u043a\u0430 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432, \u044f\u043a-\u043e\u0442 Home, Web Design, CSS, Tools, Tutorials \u0442\u043e\u0449\u043e. \u0421\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u043c\u0430\u0442\u0438\u043c\u0435 \u0440\u0456\u0437\u043d\u0456 \u0431\u043b\u043e\u043a\u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442\u0443. \u041e\u0441\u044c \u044f\u043a \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430.\n<\/p>\n<div id=\"maindiv\">\n  <code>\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<div class=\"container clear\">\n    <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<div id=\"sidebar\">\n      <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<div id=\"checkdiv\"><\/div>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<nav class=\"\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<ul>\n          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<li>\n            <code>&lt;a href=\"https:\/\/inform.click#home\" class=\"active\"&gt;Home&lt;\/a&gt;<\/code>\n          <\/li>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<li>\n            <code>&lt;a href=\"https:\/\/inform.click#webdesign\"&gt;Web Design&lt;\/a&gt;<\/code>\n          <\/li>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<li>\n            <code>&lt;a href=\"https:\/\/inform.click#css\"&gt;CSS&lt;\/a&gt;<\/code>\n          <\/li>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<li>\n            <code>&lt;a href=\"https:\/\/inform.click#tools\"&gt;Tools&lt;\/a&gt;<\/code>\n          <\/li>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/p>\n<li>\n            <code>&lt;a href=\"https:\/\/inform.click#tutorials\"&gt;Tutorials&lt;\/a&gt;<\/code>\n          <\/li>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n        <\/ul>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/nav>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\n    <\/div>\n<p><!-- sidebar div end --><br \/>\n    <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<div id=\"content\">\n      <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<section id=\"home\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<h1>\n          <code>Home<\/code><br \/>\n        <\/h1>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<p>\n          <code>&lt;!-- Home Content Goes Here --&gt;<\/code>\n        <\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/section>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<section id=\"webdesign\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<h1>\n          <code>Web Design<\/code><br \/>\n        <\/h1>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<p>\n          <code>&lt;!-- Web Design Content Goes Here --&gt;<\/code>\n        <\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/section>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<section id=\"css\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<h1>\n          <code>CSS<\/code><br \/>\n        <\/h1>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<p>\n          <code>&lt;!-- CSS Content Goes Here --&gt;<\/code>\n        <\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/section>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<section id=\"tools\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<h1>\n          <code>Tools<\/code><br \/>\n        <\/h1>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<p>\n          <code>&lt;!-- Tools Content Goes Here --&gt;<\/code>\n        <\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/section>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<section id=\"tutorials\">\n        <code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<h1>\n          <code>Tutorials<\/code><br \/>\n        <\/h1>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n<p>\n          <code>&lt;!-- Tutorials Content Goes Here --&gt;<\/code>\n        <\/p>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><br \/>\n      <\/section>\n<p><code>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\n    <\/div>\n<p><!-- contain div end --><br \/>\n    <code>\u00a0\u00a0\u00a0\u00a0<\/code>\n  <\/div>\n<p><!-- container div end -->\n<\/div>\n<pre><!-- maindiv end --><\/pre>\n<p>\n  <code>\u041d\u0430\u0448\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430 Html \u0433\u043e\u0442\u043e\u0432\u0430, \u0442\u0435\u043f\u0435\u0440 \u043d\u0430\u0441\u0442\u0430\u0432 \u0447\u0430\u0441 \u0434\u043e\u0434\u0430\u0442\u0438 \u0441\u0442\u0438\u043b\u044c CSS.<\/code>\n<\/p>\n<h3>\n  <code>\u041a\u0440\u043e\u043a \u0434\u0440\u0443\u0433\u0438\u0439: \u0434\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f \u043a\u043b\u0430\u0441\u0456\u0432 CSS.<\/code><br \/>\n<\/h3>\n<pre><code>&lt;code&gt;body{\n      background-color:#520000;font-size:17px;\n}\n \n#maindiv{\n      background:#F4F3E8 url(images\/page_bg.webp);\n}\n \n#title h1 {\n     text-align: right;font-weight: bold;font-size: 25px;margin: 0;color:#fff;\n}\n \n.container {\n     width: 1000px;margin: 0 auto;padding: 38px 0;\n}\n \n#wrapper{\n     margin:0px auto;\n}\n \n#sidebar {\n    width:250px;float:left;\n}\n \n#content {\n   width:720px;float:right;padding-left:12px;\n}\n \n#title {\n   width: 900px;height: 60px;float: right;\n}\n \n.clear:after {\n   visibility: hidden;display: block;content: \"\";clear: both;height: 0;\n}\n \nnav {\n  width:213px;background-color:#030000;border: 2px solid #4F4D4D;padding:0 12px;\n}\n \nnav.stickydiv {\n   position: fixed;top: 0;z-index: 10000;margin-top:12px;\n}\n \nnav ul {\nlist-style-type:none;margin:0;padding:0;\n}\n \nnav li {\npadding:5px 10px;\n}\n \nnav li a {\ncolor:#fff;font-weight:700;line-height: 25px;\n}\n \na{\ntext-decoration:none;\n}\n \n.active {\ncolor: #F99;text-decoration: none;\n}\n \np{\nfont-family:Verdana,Arial,Helvetica,sans-serif;\n}\n \nfooter p{\n  color:#fff;\n}<\/code><\/code><\/pre>\n<h3>\n  \u041a\u0440\u043e\u043a \u0442\u0440\u0435\u0442\u0456\u0439: \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430 \u0456\u0433\u0440\u043e\u0432\u043e\u0433\u043e \u043c\u0430\u0439\u0434\u0430\u043d\u0447\u0438\u043a\u0430 &#8220;jQuery&#8221;.<br \/>\n<\/h3>\n<p>\n  \u041f\u0435\u0440\u0448 \u0437\u0430 \u0432\u0441\u0435 \u043c\u0438 \u043f\u0435\u0440\u0435\u043a\u043e\u043d\u0430\u0454\u043c\u043e\u0441\u044f, \u0449\u043e \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c \u043c\u0435\u043d\u044e \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u0438\u0439 div \u043c\u0430\u0454 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0432\u0433\u043e\u0440\u0443. \u042f\u043a \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0431\u0430\u0447\u0438\u0442\u0438 \u0432 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043e\u043c\u0443 \u043d\u0438\u0436\u0447\u0435 \u043a\u043e\u0434\u0456, \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u043c\u0438 \u0432\u0438\u0434\u0430\u043b\u044f\u0454\u043c\u043e \u00ab\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439\u00bb \u043a\u043b\u0430\u0441 \u043f\u043e\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0432\u0438\u0431\u0440\u0430\u043d\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0443 \u043c\u0435\u043d\u044e \u0442\u0430 \u0434\u043e\u0434\u0430\u0454\u043c\u043e \u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043a\u043b\u0430\u0441 \u0434\u043e \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u043f\u0443\u043d\u043a\u0442, \u043d\u0430 \u044f\u043a\u0438\u0439 \u043d\u0430\u0442\u0438\u0441\u043d\u0443\u043b\u0438.\n<\/p>\n<p>\n  \u041f\u043e\u0442\u0456\u043c \u043c\u0438 \u043e\u0442\u0440\u0438\u043c\u0443\u0454\u043c\u043e \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440 \u043a\u043b\u0430\u0446\u043d\u0443\u0442\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430. this.hash \u043f\u043e\u0432\u0435\u0440\u043d\u0435 \u00ab#foo\u00bb, \u044f\u043a\u0438\u0439 \u0454 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440\u0430. \u041e\u0442\u0436\u0435, $(this.hash) \u0442\u0435 \u0441\u0430\u043c\u0435, \u0449\u043e $(&#8220;#foo&#8221;), \u0456 \u0432\u0456\u043d \u0432\u0438\u0431\u0435\u0440\u0435 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0437 ID foo.\n<\/p>\n<pre><code>$('a[href^=\"#\"]').on('click', function (e) {\n        e.preventDefault();\n        $(document).off(\"scroll\");\n         \n        $('a').each(function() {\n            $(this).removeClass('active');\n        })\n        $(this).addClass('active');\n         var target = this.hash,\n         menu = target;\n        $target = $(target);\n               \n       $('html, body').stop().animate({\n            'scrollTop': $target.offset().top+2\n        }, 600, 'swing', function() {\n            window.location.hash = target;\n            $(document).on(\"scroll\", onScroll);\n        });\n    });<\/code><\/pre>\n<p>\n  \u041f\u0456\u0434 \u0447\u0430\u0441 \u043f\u043e\u0434\u0456\u0457 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u043c\u0438 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u043c\u043e \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0449\u043e\u0434\u043e \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f, \u0430 \u0442\u0430\u043a\u043e\u0436 \u0441\u0443\u043c\u0438 \u0457\u0445 \u0432\u0438\u0441\u043e\u0442\u0438 \u0442\u0430 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044f. \u041d\u0430 \u0446\u0456\u0439 \u043e\u0441\u043d\u043e\u0432\u0456 \u043c\u0438 \u0434\u043e\u0434\u0430\u0454\u043c\u043e \u0442\u0430 \u0432\u0438\u0434\u0430\u043b\u044f\u0454\u043c\u043e \u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043a\u043b\u0430\u0441 \u043f\u0443\u043d\u043a\u0442\u0456\u0432 \u043c\u0435\u043d\u044e.\n<\/p>\n<pre><code>function onScroll(event){\n    var scrollPos = $(document).scrollTop();\n    $('#sidebar a').each(function () {\n        var currLink = $(this);\n        var refElement = $(currLink.attr(\"href\"));\n        if (refElement.position().top  scrollPos) {\n            $('#sidebar ul li a').removeClass(\"active\");\n            currLink.addClass(\"active\");\n        }\n        else{\n            currLink.removeClass(\"active\");\n        }\n    });\n}<\/code><\/pre>\n<p>\n  \u0456 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043e\u0441\u0442\u0430\u043d\u043d\u044c\u043e\u0457 \u043f\u043e\u0434\u0456\u0457 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u043c\u0438 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u043c\u043e, \u0447\u0438 \u0431\u0443\u0434\u0435 \u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u043b\u0438\u043f\u043a\u043e\u044e \u0447\u0438 \u043d\u0456.\n<\/p>\n<pre><code>$(window).scroll(function(){\n        \/\/ the \"12\" should equal the margin-top value for nav.stickydiv\n        var window_top = $(window).scrollTop() + 12;\n        var div_top = $('#checkdiv').offset().top;\n            if (window_top &gt;= div_top) {\n                $('nav').addClass('stickydiv');\n            } else {\n                $('nav').removeClass('stickydiv');\n            }\n });<\/code><\/pre>\n<p>\n  \u041e\u0441\u044c \u043f\u043e\u0432\u043d\u0438\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0439.\n<\/p>\n<pre><code>\n&lt;script src=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\"&gt;\n\/\/&lt;![CDATA[\n\n$(document).ready(function () {\n$(window).scroll(function(){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var window_top = $(window).scrollTop() + 12;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ the \"12\" should equal the margin-top value for nav.stickydiv\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var div_top = $('#checkdiv').offset().top;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (window_top &gt;= div_top) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('nav').addClass('stickydiv');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('nav').removeClass('stickydiv');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0});\u00a0\n\u00a0\n\u00a0\u00a0$(document).on(\"scroll\", onScroll);\n\u00a0\n$('a[href^=\"#\"]').on('click', function (e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0e.preventDefault();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(document).off(\"scroll\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('a').each(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(this).removeClass('active');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0})\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(this).addClass('active');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var target = this.hash,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0menu = target;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$target = $(target);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('html, body').stop().animate({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'scrollTop': $target.offset().top+2\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}, 600, 'swing', function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.location.hash = target;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(document).on(\"scroll\", onScroll);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0});\n});\n\u00a0\nfunction onScroll(event){\n\u00a0\u00a0\u00a0\u00a0var scrollPos = $(document).scrollTop();\n\u00a0\u00a0\u00a0\u00a0$('#sidebar a').each(function () {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var currLink = $(this);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var refElement = $(currLink.attr(\"href\"));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (refElement.position().top &lt;= scrollPos && refElement.position().top + refElement.height() &gt; scrollPos) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#sidebar ul li a').removeClass(\"active\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0currLink.addClass(\"active\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0else{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0currLink.removeClass(\"active\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0});\n}\n\/\/]]&gt;\n&lt;\/script&gt;<\/code><\/pre>\n<p>\n  \u041e\u0441\u044c \u0442\u0430\u043a, \u0446\u0435 \u043b\u0435\u0433\u043a\u043e, \u043f\u0440\u0430\u0432\u0434\u0430? \u041d\u0430\u0441\u043e\u043b\u043e\u0434\u0436\u0443\u0439\u0442\u0435\u0441\u044c! \u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u0435\u043c\u043e.\n<\/p>\n<h4>\n  \u0416\u0438\u0432\u0430 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0442\u0430 \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u0439 \u043a\u043e\u0434<br \/>\n<\/h4>\n<p>\n  \u0422\u0443\u0442 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u0438 \u0446\u0435 \u043c\u0435\u043d\u044e \u0434\u0456\u0439 \u0443 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0447\u0430\u0441\u0456. \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0432\u0438\u0445\u0456\u0434\u043d\u0456 \u0444\u0430\u0439\u043b\u0438, \u0449\u043e\u0431 \u0432\u0438 \u043c\u043e\u0433\u043b\u0438 \u0440\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u0442\u0430 \u0431\u0435\u0437\u043f\u043e\u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0457\u0445 \u0443 \u0431\u0443\u0434\u044c-\u044f\u043a\u0456\u0439 \u0444\u043e\u0440\u043c\u0456.\n<\/p>\n<p>\n  \u0414\u0435\u043c\u043e-\u0432\u0435\u0440\u0441\u0456\u044f &nbsp;\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u0439 \u043a\u043e\u0434\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0414\u0436\u0435\u0440\u0435\u043b\u043e \u0437\u0430\u043f\u0438\u0441\u0443: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0426\u0435\u0439 \u043f\u0456\u0434\u0440\u0443\u0447\u043d\u0438\u043a \u043d\u0430\u0432\u0447\u0438\u0442\u044c \u0432\u0430\u0441, \u044f\u043a \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0431\u0435\u0437 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u0456\u0432 js \u0430\u0431\u043e \u043f\u043b\u0430\u0433\u0456\u043d\u0430. \u0423 \u0446\u0456\u0439 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0456 \u0444\u0443\u043d\u043a\u0446\u0456\u0457 jQuery \u0434\u043b\u044f \u0434\u043e\u0441\u044f\u0433\u043d\u0435\u043d\u043d\u044f \u043d\u0430\u0448\u043e\u0457 \u043c\u0435\u0442\u0438. \u041e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442: \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0438\u0439 (\u0430\u043a\u0442\u0438\u0432\u043d\u0438\u0439) \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u0431\u0443\u0434\u0435 \u0437\u043c\u0456\u043d\u0435\u043d\u043e \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u043f\u043e\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0440\u043e\u0437\u0434\u0456\u043b\u0443, \u044f\u043a\u0438\u0439 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0430\u0454\u0442\u044c\u0441\u044f. \u0426\u0435 \u0442\u0430\u043a\u043e\u0436 \u0441\u0442\u0430\u043d\u0435\u0442\u044c\u0441\u044f, \u044f\u043a\u0449\u043e \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043a\u043b\u0430\u0446\u043d\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0431\u0443\u0434\u044c-\u044f\u043a\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0443 \u043c\u0435\u043d\u044e. \u0426\u0435\u0439 \u0442\u0438\u043f \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0441\u0442\u043e\u0440\u0456\u043d\u043a\u043e\u0432\u0438\u0445 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\u0432 \u0456\u0437 \u0444\u0456\u043a\u0441\u043e\u0432\u0430\u043d\u043e\u044e \u043f\u0430\u043d\u0435\u043b\u043b\u044e \u043c\u0435\u043d\u044e. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u043e\u0437\u043f\u043e\u0447\u043d\u0435\u043c\u043e. \u041f\u0435\u0440\u0448\u0438\u0439 \u043a\u0440\u043e\u043a: \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438 \u0420\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u0434\u0443\u0436\u0435 \u043f\u0440\u043e\u0441\u0442\u0430 \u0442\u0430 \u043b\u0435\u0433\u043a\u0430. \u041c\u0438\u2026<\/p>\n","protected":false},"author":1,"featured_media":221850,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[127,153,62,231],"tags":[],"class_list":["post-267429","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-instrumenty","category-web-porady-ta-khytroshchi","category-web-ta-wordpress","category-pidruchnyky"],"_links":{"self":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts\/267429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/comments?post=267429"}],"version-history":[{"count":1,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts\/267429\/revisions"}],"predecessor-version":[{"id":273515,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts\/267429\/revisions\/273515"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/media\/221850"}],"wp:attachment":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/media?parent=267429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/categories?post=267429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/tags?post=267429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}