Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Html -->
- <ul class="standard-nav ">
- <li>
- <a data-number="1" class="scroll">О нас</a>
- </li>
- <li>
- <a data-number="2" class="scroll">Портфолио</a>
- </li>
- </ul>
- <section data-scroll="1" class="lorem1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, cupiditate!</section>
- <section data-scroll="2" class="lorem2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, cupiditate!</section>
- <!-- Js -->
- <script>
- $('.standard-nav li a').click(function(){
- var dataNum = '[data-scroll='+$(this).attr("data-number")+']';
- scrollMenu(dataNum);
- });
- function scrollMenu (name) {
- var position = $(name).offset();
- $("html,body").stop().animate({scrollTop:position.top}, 'slow', 'swing');
- }
- </script>
Add Comment
Please, Sign In to add comment