{"id":4868,"date":"2021-08-06T12:18:40","date_gmt":"2021-08-06T12:18:40","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=4868"},"modified":"2021-08-06T12:18:40","modified_gmt":"2021-08-06T12:18:40","slug":"jquery-multiscroll-js","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/uk\/jquery-multiscroll-js\/","title":{"rendered":"jQuery \u2014 Multiscroll.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">multiscroll.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u0434\u0432\u0443\u043c\u044f \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u0430\u043d\u0435\u043b\u044f\u043c\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u0443\u043b\u044c\u0442\u0438\u0441\u043a\u0440\u043e\u043b\u043b\u0430, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html xmlns = \"https:\/\/www.w3.org\/1999\/xhtml\"&gt;\n   &lt;head&gt;\n      &lt;meta http-equiv = \"Content-Type\" content = \"text\/html; charset = utf-8\" \/&gt;\t\n      &lt;title&gt;multiscroll.js - split multi-scrolling pages plugin&lt;\/title&gt;\n\t\t\n      &lt;link rel = \"stylesheet\" type = \"text\/css\" \n         href = \"\/jquery\/src\/multiscroller\/jquery.multiscroll.css\" \/&gt;\t\t\n      &lt;link rel = \"stylesheet\" type = \"text\/css\" \n         href = \"\/jquery\/src\/multiscroller\/examples.css\" \/&gt;\t\n\t\t\t\n      &lt;script \n         src = \"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.3\/jquery.min.js\"&gt;\n      &lt;\/script&gt;\n      &lt;script type = \"text\/javascript\" \n         src = \"\/jquery\/src\/multiscroller\/jquery.easings.min.js\"&gt;\n      &lt;\/script&gt;\n      &lt;script type = \"text\/javascript\" \n         src = \"\/jquery\/src\/multiscroller\/jquery.multiscroll.js\"&gt;\n      &lt;\/script&gt;\n\n      &lt;script type = \"text\/javascript\"&gt;\n         $(document).ready(function() {\n            $('#myContainer').multiscroll({\n               sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],\n               anchors: ['first', 'second', 'third'],\n               menu: '#menu',\n               navigation: true,\n               navigationTooltips: ['One', 'Two', 'Three'],\n               loopBottom: true,\n               loopTop: true\n            });\n         });\n      &lt;\/script&gt;\n   &lt;\/head&gt;\n\t\n   &lt;body&gt;\n      &lt;ul id = \"menu\"&gt;\n         &lt;li data-menuanchor = \"first\"&gt;&lt;a href = \"#first\"&gt;First slide&lt;\/a&gt;&lt;\/li&gt;\n         &lt;li data-menuanchor = \"second\"&gt;&lt;a href = \"#second\"&gt;Second slide&lt;\/a&gt;&lt;\/li&gt;\n         &lt;li data-menuanchor = \"third\"&gt;&lt;a href = \"#third\"&gt;Third slide&lt;\/a&gt;&lt;\/li&gt;\n      &lt;\/ul&gt;\n\n      &lt;div id = \"myContainer\"&gt;\n         &lt;div class = \"ms-left\"&gt;\n\t\t\t\n            &lt;div class = \"ms-section\" id = \"left1\"&gt;\n              &lt;h1&gt;Left 1&lt;\/h1&gt;\n            &lt;\/div&gt;\n\n            &lt;div class = \"ms-section\" id = \"left2\"&gt;\n               &lt;h1&gt;Left 2 &lt;\/h1&gt;\n            &lt;\/div&gt;\n\n            &lt;div class = \"ms-section\" id = \"left3\"&gt;\n               &lt;h1&gt;Left 3&lt;\/h1&gt;\n            &lt;\/div&gt;\n\t\t\t\t\n         &lt;\/div&gt;\n\t\n         &lt;div class = \"ms-right\"&gt;\n\t\t\t\n            &lt;div class = \"ms-section\" id = \"right1\"&gt;\n               &lt;h1&gt;Right 1&lt;\/h1&gt;\n            &lt;\/div&gt;\n\n            &lt;div class = \"ms-section\" id = \"right2\"&gt;\n               &lt;h1&gt;Right 2&lt;\/h1&gt;\n            &lt;\/div&gt;\n\n            &lt;div class = \"ms-section\" id = \"right3\"&gt;\n               &lt;h1&gt;Right 3&lt;\/h1&gt;\n            &lt;\/div&gt;\n\t\t\t\t\n         &lt;\/div&gt;\n      &lt;\/div&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>multiscroll.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u0434\u0432\u0443\u043c\u044f \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u0430\u043d\u0435\u043b\u044f\u043c\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u0443\u043b\u044c\u0442\u0438\u0441\u043a\u0440\u043e\u043b\u043b\u0430, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4868","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=4868"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4868\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=4868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=4868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=4868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}