{"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\/en\/dream-theme-support-portal\/smooth-scrolling-anchor-links\/","title":{"rendered":"Smooth scrolling anchor links"},"content":{"rendered":"


\n<\/head><\/p>\n

Smooth scrolling anchor links<\/p>\n

\n
\n

To add smooth scrolling anchors links like micro site template, link structure should be like this<\/p>\n

<a class=\"anchor-link\" href=\"#!\/services\">Services<\/a><\/code><\/p>\n

For WPBakery \u201cDefault Button\u201d element in The7,<\/strong> there is \u00a0an option to enable smooth scroll.<\/p>\n

\"Fig.<\/a><\/p>\n

Fig. 1. Enable smooth scroll.<\/p>\n<\/div>\n

To add anchor link to Revolution slider<\/strong><\/p>\n

You will need\u00a0to set action attributes like this
\"\"<\/a>
Then, add class \"anchor-link\"<\/code> to the the link in attributes tab.<\/p>\n

\"\"<\/a><\/p>\n

Anchor navigation does not work for subpages?<\/strong>Try this<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Smooth scrolling anchor links To add smooth scrolling anchors links like micro site template, link structure should be like this <a class=”anchor-link” href=”#!\/services”>Services<\/a> For WPBakery \u201cDefault Button\u201d element in The7, there is \u00a0an option to enable smooth scroll. Fig. 1. Enable smooth scroll. To add anchor link to Revolution slider You will need\u00a0to set action…<\/p>\n","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\/en\/wp-json\/wp\/v2\/posts\/4178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4178"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4178\/revisions"}],"predecessor-version":[{"id":5514,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4178\/revisions\/5514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4567"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}