Как прокрутить до определенного ?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Как я могу отправить пользователя по URL, где он будет автоматически прокручиваться до заданного <li> ?

Например mysite.com/something.html#someItem

попросите его прокрутить до

 <ul>
   <li id='someItem'>Something here</li>
</ul>

Ответ №1:

Именно это.
Ваш код будет работать как есть.

1. Это абсолютно верно, но поскольку это помечено [jquery], я полагаю, что ‘scroll’ означает ‘прокрутка с анимацией’.

2. @Ben: Я верю в это, но я не уверен насчет IE6.

3. @SLaks: никто не уверен в IE6. 😉

Ответ №2:

Существует множество примеров прокрутки до (любого) элемента с помощью jQuery. Есть даже плагины, которые сделают это за вас, такие как scrollTo. 🙂

Если вам нужен (действительно) простой пример, вот он:

 function scrollTo(selector) {
    $('html, body').stop().animate({
        scrollTop: $(selector).offset().top
    }, 1000,'easeInOut');
}

Ответ №3:

Вам нужен тег привязки. Вот так:

 <ul>
   <li id='someItem'>
       <a name='someItem'></a>
       Something here
   </li>
</ul>

Редактировать: разметка

1. Возможно, вы были отклонены из-за недопустимой разметки, но вы правы: это то, для чего предназначен тег привязки.

2. Неверно, атрибут id может быть целевым значением хэша в URL. Привязка не требуется.