Hi
End-user here not a developer so I'm fairly ignorant when it comes to coding.
Problem - single standard page with very long text, I want to add an anchor point low down the page that can be linked to be clicking on a 'querystring' (I think?)
I see from previous posts/tutorials of how to add an anchor, but I do not seem to have an anchor tool as the video content makers did, could be my Umbraco version? (7.15.1)
Can anyone please help me create this anchor point?
So on my Umbraco site I have a smooth scroll anchor feature. I am adding this to the current page (I am using Igloo theme and adding Grid>Code then inserting the below code which allows code to be added anywhere on the page. Without Igloo you will need to see how to add this like adding the JS directly into your template)
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
$("a[href^='#']").click(function(e) {
e.preventDefault();
var position = $($(this).attr("href")).offset().top;
$("body, html").animate({
scrollTop: position
} ,1000);
});
</script>
I then use this as the link (href) on the button eg: "Take me to the anchor"
#anchor
<a href="#anchor">Take me to the anchor</a>
I then insert an empty div right above the content I want to anchor to:
<div id="anchor"></div>
The javascript above is purely for a smooth scroll effect when you click the button it smooth scrolls down the page till it reaches your content. If you don't want the scroll and it just jumps then remove the JS and it will do a basic jump.
Anchor points - noob question
Hi End-user here not a developer so I'm fairly ignorant when it comes to coding.
Problem - single standard page with very long text, I want to add an anchor point low down the page that can be linked to be clicking on a 'querystring' (I think?) I see from previous posts/tutorials of how to add an anchor, but I do not seem to have an anchor tool as the video content makers did, could be my Umbraco version? (7.15.1)
Can anyone please help me create this anchor point?
Thank you Simon
Hi Simon,
So on my Umbraco site I have a smooth scroll anchor feature. I am adding this to the current page (I am using Igloo theme and adding Grid>Code then inserting the below code which allows code to be added anywhere on the page. Without Igloo you will need to see how to add this like adding the JS directly into your template)
I then use this as the link (href) on the button eg: "Take me to the anchor"
#anchor
I then insert an empty div right above the content I want to anchor to:
The javascript above is purely for a smooth scroll effect when you click the button it smooth scrolls down the page till it reaches your content. If you don't want the scroll and it just jumps then remove the JS and it will do a basic jump.
Hope that helps in some way.
is working on a reply...