hyperlink - HTML link scroll down the page -


     <div class="menu right-float clearfix">   <nav id="main-nav">     <ul>      <li class="current-menu-item"><a href="#home" class="scroll-to">home</a></li>      <li><a href="#gaelic" class="scroll-to">gaelic sports</a></li>      <li><a href="#soccer" class="scroll-to">soccer</a></li>      <li><a href="#cricket" class="scroll-to">india cricket</a></li>      <li><a href="#contact" class="scroll-to">contact</a></li>       <li><a href="#basket" class="scroll-to">basketball</a></li>    </ul>  </nav>  <nav id="menu-controls">   <ul>    <li class="current-menu-item"><a href="#home" class="scroll-to"><span class="c-dot"></span><span class="c-name">home</span></a></li>    <li><a href="#gaelic" class="scroll-to"><span class="c-dot"></span><span class="c-name">gaelic sports</span></a></li>    <li><a href="#soccer" class="scroll-to"><span class="c-dot"></span><span class="c-name">soccer</span></a></li>    <li><a href="#cricket" class="scroll-to"><span class="c-dot"></span><span class="c-name">india cricket</span></a></li>    <li><a href="#contact" class="scroll-to"><span class="c-dot"></span><span class="c-name">contact</span></a></li>    <li><a href="#basket" class="scroll-to"><span class="c-dot"></span><span class="c-name">basketball</span></a></li>   </ul> 


i have question html links. added last line in code shown above. if click on soccer link, page scroll down bottom , show me soccer information. want click basketball link , have scroll down , show me basketball page. updating index file. there solution? thanks.

you can add <a href="#basketball"></a> previous one.


Comments

Popular posts from this blog

javascript - oscilloscope of speaker input stops rendering after a few seconds -

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -