how to change URL dynamically in HTML5 -


i'm creating single html5 page using bootstrap. have menu items services, portfolio etc. when click on 1 of these menu items, scrolls down , display particular section not change url.

for example: suppose if opens website, index.html open. if click on "portfolio" link, scrolls down , display section "portfolio" not change url index.html#portfolio. remains index.html

refer: www.nuabikes.com/#/home when open site, click on 1 of menu item , check url, changes automatically. , when page scrolled down url changes automatically.

i want add feature in page.

when change content javascript , want change reflect in address. called routing, check up.

basically have 3 options:

  1. use framework such angularjs or ember routing more or less
  2. us jquery plugin this. such http://www.asual.com/jquery/address/
  3. handle change yourself. see reference: updating address bar new url without hash or reloading page

Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -