PAGE SCROLL USING NAMED ANCHORS
My original post is here:
http://www.coffeecup.com/forums/respons … post258503
In settings add this script to the footer:
<script>
$(document).ready(function(){
$('a[href^="#"]').on('click', function(event) {
var target = $( $(this).attr('href') );
if( target.length ) {
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top
}, 4000);
}
});
});
</script>
You can change the speed with
4000 in the script.
6000 would be slower, 1000 faster for example.
Let's use a text named anchor (bookmark) to an image.
You could also use an image or icon and add a link
So put a text object at the top of the page and add a link to it using a named anchor hash like this for the FROM link.
In href paste:
#picture
With some space between (so you have some page to scroll to see it work) at the bottom add an image for the TO link.
Now select that image and put this in for it's ID
picture
Preview it in your browser to see it work.
What that script is doing is looking for
any named anchor on the page and making it animate the page scroll to the ID. So if you wanted to add more just match the #anchor to the ID (which would be "anchor" in this case).
That's assuming there is a jQuery library link, I read here yesterday that may be taken out in recent releases?
If it is removed on your version just add this link to the google jQuery library with this call above the script in the footer:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>