Как изменить имя URL-адреса при использовании метода effect.scrollto

Question

Привет, я использую прокрутку к методу ging в определенные места на месте, но имя url всегда одинаково. Могу ли я иметь разные окончания URL. Я имею в виду, что URL всегда заканчивается на #. Могу ли я иметь #products или #about. Я использую этот code.please помочь мне

<span><a href="#" id="start1"onclick="Effect.ScrollTo('about',{duration:1.0}); return false;"class="scroll"style="text-decoration:none;position:absolute;right:145px;top:30px;font-weight:bold;color:white;font-size:15px" onmouseover="big(this)" onmouseout="small(this)">ABOUT US</a></span> 

Answer 1

Вы можете просто использовать History API, чтобы подтолкнуть изменения URL на страницу, когда пользователь нажимает на ссылку (https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history), например, с помощью JQuery:

$("#start1").click(function(e){ 
    e.preventDefault(); 
    Effect.ScrollTo('about',{duration:1.0}); 
    history.pushState(null, null, '#about'); 
}); 

Или вы можете изучить использование прямой ссылки на хеш, например помещая href = "# about" в якорь и предотвращая прыжки хеша (How can I update window.location.hash without jumping the document?).

** EDIT

Heres в jsFiddle: https://jsfiddle.net/3uwkcebk/1/