переход страницы с div на якорь

Я пытался сделать переход div с идентификатора <a href="#FAQ">FAQ</a> на идентификатор div и легко смог добиться успеха, но, поскольку у меня есть фиксированная ссылка для перехода, я не могу найти способ, как это сделать.

Это означает, что я хочу, чтобы ссылка div или href переходила к URL-адресу на той же странице, скажем, <a href="http://www.mydomain.ask.html">Ask</a>

Я точно знаю, что переход от якоря, такого как <a href="#jump">jump</a>, к div, такому как <div id="jump">jump to point</div>, работает нормально. Однако как насчет обратного пути? это работает? Я имею в виду, что переход с идентификатора div на якорь работает?


person Digital site    schedule 23.07.2013    source источник
comment
если бы я не пробовал, зачем тогда спрашивать? :)   -  person Digital site    schedule 23.07.2013
comment
Я бы рекомендовал создать простой HTML-файл, чтобы проверить, что вы хотите сделать.   -  person Malkus    schedule 23.07.2013
comment
почему бы тебе (@Digitalsite) не попробовать тогда ??   -  person Anurag-Sharma    schedule 23.07.2013


Ответы (3)


Пока у вашего якоря есть идентификатор, вы можете связать его с местоположением в своем представлении, щелкнув div, вам просто понадобится javascript.

Установка значения window.location.hash переместит фокус представления на выбранный идентификатор.

Образец

<a href="#test1" id="back">Test</a>

<div id="test1" onclick="window.location.hash='back'; ">

Пример JSFiddle

person Malkus    schedule 23.07.2013
comment
хорошо, отличное решение. Это то, что я тоже сделал. Однако то, что я хочу сделать, это прыгнуть с div id="test1" на a href="#test1", а не обычным способом, который мы знаем... - person Digital site; 23.07.2013
comment
только что обнаружил в вашем примере, что мне нужно нажать test, чтобы перейти к целевому div, а затем нажать целевой div, чтобы вернуться к < b>проверить привязку, что хорошо. однако я хочу только перейти от целевого div к test в одну сторону - person Digital site; 23.07.2013
comment
Вы не должны обязаны использовать именно тот пример, который я привел. - person Malkus; 23.07.2013
comment
Что касается того, чтобы не использовать ID для установки фокуса, вам все равно нужно найти элемент в DOM для установки фокуса. Использование элемента — это самый быстрый способ поиска в DOM. Другие поиски (например, поиск тегов привязки с определенным значением href) могут повлиять на производительность. - person Malkus; 23.07.2013
comment
хорошо, здорово знать. Большое спасибо. Я буду продолжать копать, чтобы найти наилучший возможный способ, не влияющий на производительность. Спасибо - person Digital site; 23.07.2013

Я думаю, тогда вам нужно добавить <a href="yourid">page place</a> в свой первый div и указать идентификатор вашего тега привязки <a href="yourplace" id="idname"></a>

person Mike Phils    schedule 23.07.2013
comment
это решение идет где-то по правильному пути ... не уверен, что я могу это понять. В любом случае спасибо. - person Digital site; 23.07.2013

если у вас есть ссылка для перехода к другой переменной, которую вы можете использовать с идентификатором #

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a>

<div id="lastdiv">There are last product Exist</div>
person Ye Htun Z    schedule 01.04.2014