Прокрутите вниз до точного div на той же странице без обновления после нажатия на ссылку

Question

Прокрутите вниз до точного div на той же странице без обновления после нажатия на ссылку

0

У меня есть страница с большим количеством содержимого, я хочу поместить гиперссылку вверху, которая прокручивает страницу до div. это мой код:

        <a id = "show" class="show" href="#" onclick="return toggleOptions(this);"><h2>FIRST BUTTON</h2></a>
        <div id="toggleOptions" class="toggleOptions"> // this is div which is somewhere in center of page
        text text text....
        more text text.... 
        text text.........
        </div>

Я знаю, что мне нужно использовать JavaScript, что-то вроде этого:

<script type='text/javascript'>
    window.location = "/index.php#myDiv";
</script>

Просто не знаю, как правильно это сделать. Пожалуйста, помогите мне.

Abu Isaac 03 янв. 2014, в 11:32

Источник

0

<a href="#myDiv">My Div</a >
tomexsans 03 янв. 2014, в 09:43
0

echoecho.com/htmllinks08.htm
shriguru nayak 03 янв. 2014, в 09:44
0

Вы можете сделать это с помощью jquery. Смотрите этот ответ
Surjith S M 03 янв. 2014, в 09:46
1

ты не хочешь принять ответ?
Samira Khorshidi 03 янв. 2014, в 09:51

Показать ещё 2 комментария

Теги:

javascript

html

4 ответа

Ещё вопросы

Вы можете сделать это с помощью jquery. Смотрите этот ответ

Streamside · Answer 1 · 2014-01-03T08-39-00.000Z

Пытаться:

<a href="#idOfDiv">Go to my div</a>

<div id="idOfDiv">...</div>

Alireza Fallah · Answer 2 · 2014-01-03T08-31-00.000Z

Не нужно javascript, просто выполните это:

   <a id = "show" class="show" href="#toggleOptions"><h2>FIRST BUTTON</h2></a>
    <div id="toggleOptions" class="toggleOptions"> 
    text text text..
    more text text.. 
    text text.......
    </div>

Спасибо, это намного проще, чем я, хотя.

Abu Isaac · Answer 3 · 2014-01-03T07-43-00.000Z

Нет необходимости иметь javascript для этого. Просто используйте href тега следующим образом:

    <a href="#toggleOptions">

Где #toogleOptions - это идентификатор ваших целевых div.

user3145373 ツ · Answer 4 · 2014-01-03T07-02-00.000Z

<a id = "show" class="show" href="#toggleOptions"><h2>BUTTON</h2></a>
    <div id="toggleOptions" class="toggleOptions"> 
    text    
    </div>