{"id":8975,"date":"2018-11-27T07:46:01","date_gmt":"2018-11-27T07:46:01","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=8975"},"modified":"2020-06-18T07:05:35","modified_gmt":"2020-06-18T07:05:35","slug":"visualnav","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/visualnav\/","title":{"rendered":"VISUALNAV"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\"><em><span style=\"text-decoration: underline;\"><strong>Made by:<\/strong><\/span><\/em><\/p>\n<ul>\n<li>Rob Garrison<\/li>\n<li class=\".last-child\"><time>July 10, 2010<\/time><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">About the plugin:<\/span><\/strong><\/span><\/em><\/p>\n<p>This is a simple jQuery plugin that modifies a navigation menu to highlight\/change when the menu&#8217;s target smooth scrolls into view.<\/p>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">Features:<\/span><\/strong><\/span><\/em><\/p>\n<ul class=\"article-list\">\n<li>smooth scrolling page navigation<\/li>\n<li>easing can easily be defined for both horizontal and vertical scrolling<\/li>\n<li>auto-updating menu which highlights both the currently viewed content &amp; other content in view<\/li>\n<li>user can cancel auto-scroll by pressing any key, clicking on the page or scrolling the mousewheel<\/li>\n<li>can be set up to work with any menu elements. Integrates easily with Bootstrap<\/li>\n<li class=\".last-child\">location hash updates as you scroll through the page<\/li>\n<\/ul>\n<a href=\"https:\/\/github.com\/Mottie\/visualNav\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"http:\/\/mottie.github.io\/visualNav\/index.html#home\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo<\/span><\/a>\n<a href=\"https:\/\/github.com\/Mottie\/visualNav\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Made by: Rob Garrison July 10, 2010 About the plugin: This is a simple jQuery plugin that modifies a navigation menu to highlight\/change when the menu&#8217;s target smooth scrolls into view. Features: smooth scrolling page navigation easing can easily be defined for both horizontal and vertical scrolling auto-updating menu which highlights both the currently viewed content &amp; other content in view user can cancel auto-scroll by pressing any key, clicking on the page or scrolling the mousewheel can be set up to work with any menu elements. Integrates easily with Bootstrap location hash updates as you scroll through the page<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":8978,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2459],"tags":[583,2421,2461,2462],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8975"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=8975"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8975\/revisions"}],"predecessor-version":[{"id":21042,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8975\/revisions\/21042"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/8978"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=8975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=8975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=8975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}