{"id":4178,"date":"2020-05-23T19:57:31","date_gmt":"2020-05-23T19:57:31","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=4178"},"modified":"2020-06-04T18:07:35","modified_gmt":"2020-06-04T18:07:35","slug":"smooth-scrolling-anchor-links","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/dream-theme-support-portal\/vloeiend-scrollen-ankerlinks\/","title":{"rendered":"Soepel scrollende ankerlinks"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>Soepel scrollende ankerlinks<\/p>\n<div id=\"wrapper\">\n<div class=\"inner-content\">\n<p>Als u links met soepel scrollende ankers wilt toevoegen, zoals een sjabloon voor een microsite, moet de linkstructuur er als volgt uitzien<\/p>\n<p><code>&lt;a class=&quot;anchor-link&quot; href=&quot;#!\/services&quot;&gt;Services&lt;\/a&gt;<\/code><\/p>\n<p><strong>Voor WPBakery &quot;Default Button&quot; -element in The7,<\/strong> er is een optie om soepel scrollen mogelijk te maken.<\/p>\n<div id=\"attachment_94182\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2015\/10\/skitch.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-94182 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/11\/skitch.png\" alt=\"Fig. 1. Schakel soepel scrollen in.\" width=\"772\" height=\"483\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Schakel soepel scrollen in.<\/p>\n<\/div>\n<p><strong>Om een ankerlink toe te voegen aan de Revolution-schuifregelaar<\/strong><\/p>\n<p>U moet op deze manier actiekenmerken instellen<br \/><a href=\"https:\/\/support.dream-theme.com\/wp-content\/uploads\/2015\/10\/revslider_slider_link.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-76642 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2018\/08\/revslider_slider_link.png\" alt=\"\" width=\"1465\" height=\"204\"><\/a><br \/>Voeg vervolgens klasse toe <code>&quot;anker-link&quot;<\/code> naar de link in attributen tabblad.<\/p>\n<p><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2017\/11\/2017-08-23_1735.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-62736 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/11\/2017-08-23_1735.png\" alt=\"\" width=\"909\" height=\"270\"><\/a><\/p>\n<p><strong>Ankernavigatie werkt niet voor subpagina&#039;s?<\/strong><a href=\"https:\/\/the7kennisbank.nl\/dream-theme-support-portal\/knowledgebase\/microsite-menu-does-not-work-in-inner-pages\/\">Probeer dit<\/a><\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Smooth scrolling anchor links To add smooth scrolling anchors links like micro site template, link structure should be like this &lt;a class=&quot;&rdquo;anchor-link&rdquo;&quot; href=&quot;&rdquo;#!\/services&rdquo;&quot;&gt;Services&lt;\/a&gt; For WPBakery &ldquo;Default Button&rdquo; element in The7, there is &nbsp;an option to enable smooth scroll. Fig. 1. Enable smooth scroll. To add anchor link to Revolution slider You will need&nbsp;to set action&hellip;<\/p>","protected":false},"author":2,"featured_media":4567,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=4178"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4178\/revisions"}],"predecessor-version":[{"id":5514,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4178\/revisions\/5514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/4567"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=4178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=4178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=4178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}