Using Anchor Tag in SharePoint Global and Current Navigation

Question

I have a site page set up for News articles within our company that get created every month. We are using the current navigation as sort of a list with the corresponding months that the articles were created. So for instance
Jan
Feb
March
April
and so on
What needs to happen is that when a user selects the month, it will scroll down to the #anchor which corresponds to the month.
When entering the url (http://contoso.com/default.aspx#March) into the current navigation, and hitting ok. The main link remains (http://contoso.com/default.aspx)
without the anchor tag being kept. Any Ideas?
Thanks, Danny Hickman IT Support Specialist

Answer 1

For a start, try adding a content editor webpart to the page where you want the navigation change.
Edit the webpart and under source editor, copy paste the code below using script tags.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
<script>
$(document).ready(function(){
$anchorResults = $('a').filter(function() {
var txt = $(this).text();
return (txt.length > 1 && txt[0] == '#');
$.each($anchorResults, function (index, value) {
var txt = $(value).text().substring(1);
var href = $(value).attr('href') + '#' + txt.replace(/ /g, '');
$(value).text( txt );
$(value).attr('href', href);
</script>
Let me know how it works out!
Thanks, Ransher Singh, MCP, MCTS | Click Vote As Helpful if you think that post is helpful in responding your question click Mark As Answer, if you think that this is your answer for your question.