2016-12-22 5 views
0

enter image description hereКак я реализовать последовательность раздел свитка, когда щелчок только один конкретный ссылка

Когда пользователь нажимает на эту стрелку, он будет перейти к следующему разделу и рядом нажмите будет идти в следующем разделе. в короткой секции последовательности свитка каждый раз, когда пользователь нажмите на стрелку вниз

Вот мой HTML

<section id="intro"> 

</section> 

<section id="about-us"> 

</section> 

<section id="services"> 

</section> 

<section id="team"> 

</section> 

<section id="contact"> 

</section> 

Большое спасибо заранее

+0

вы можете использовать href jump http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479511 надеюсь, что это поможет – pareshm

ответ

0

Мой пример решения (но начинать всегда с первого элемента):

var ids_arr = []; 
$('section').each(function() { 
    ids_arr.push(this.id); 
}); 
var tmp_ids_arr = ids_arr; 

$('#arrow_element').click(function() { 
    if(tmp_ids_arr.length==0) tmp_ids_arr = ids_arr; 
    location.hash = '#'+tmp_ids_arr.shift(); // remove first element from collection and returning him 
}); 
+0

WOW это нормально работает. всего лишь 2 неудобных вопроса –

+0

WOW он работает нормально. всего лишь 2 неудобных вопроса. он запускается с самого первого раздела и нет анимации при прокрутке –

+0

@Nurjaman Вы не упомянули об анимации, да, как я сказал, что она начинается всегда сверху. Если вы хотите начать с текущего раздела, вам нужно обновить 'ids_arr' при каждом прокрутке. Но это тема для нового потока. Я решаю то, о чем вы спрашиваете. Если ваш ответ будет принят. – Sojtin

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

  • Нет связанных вопросов^_^