Пролистайте активную ссылку jQuery

У меня довольно тяжелое время в этом. У меня есть целевая страница с 12 кнопками на ней. Когда вы нажимаете кнопку, она направляет вас на страницу с навигационной панелью с 12 li a. Я уже сделал часть кода, которая устанавливает его в активную.Пролистайте активную ссылку jQuery

<li><a href="..." class="active">

, когда эта страница с активным классом загружается, она должна прокручиваться до нее. навигационная панель горизонтальна. Я попробовал scrollTo, но без радости. Благодарю .

Обновление: Вот пример ss.

http://postimg.org/image/xtn1ljsnt/ вкладка «Пункт 5» должна быть показана посередине. Это как

Item4 Item5 Item6

благодаря

источник

2015-02-03 James Reyes

Может быть, вы должны включать в себя соответствующие HTML или jsFiddle в вашем вопросе. Представьте себе, как выглядит ваш сайт точно. – leDominatre

Я разместил образец изображения –

Это трудно для меня, чтобы визуализировать разметку Если вы только обеспечить единый элемент, но в приведенном ниже примере должно быть достаточно, если вы modifiy его в соответствии с вашим сценарием.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Test</title> 
    <style> 
     #foo { 
      margin-top: 1000px; 
     } 
    </style> 
</head> 
<body> 
    <div id="foo">Hello</div> 
    <script> 
     $(function() { 
      $('html, body').animate({ 
       scrollTop: $("#foo").offset().top 
      }, 2000); 
     }); 
    </script> 
</body> 
</html>

jsFiddle

источник

2015-02-03 23:02:00 arnolds

Пролистайте активную ссылку jQuery

ответ

Смежные вопросы