Anchor Ссылки на странице не работают в Firefox или IE, но работают в Chrome и Safari

Question

У меня есть привязывающие ссылки на странице, перескакивая вниз по страницам в разные разделы. Например:

<a href="#pointandshoot">Point and Shoot Cameras</a> 

И затем дальше вниз страницы:

<a name="pointandshoot"></a> 

Есть несколько различных них на этой странице.

Эти функции отлично работают в Chrome и Safari на Mac и ПК, но вообще не работают в Firefox на Mac и ПК или в IE (8) на ПК. Они прыгают на небольшое расстояние вниз по странице, но не туда, где они должны.

Любая помощь будет оценена по достоинству.

Answer 1

Попробуйте установить ваши якоря назначения, как это:

<a id="an_id">Description</a> 

<a href="#an_id">Link Text</a> 

Дополнительная информация: http://www.w3schools.com/html/html_links.asp

Answer 2

Это

<a href="#pointandshoot">Point and Shoot Cameras</a> 

всегда маршрутов к элементу с идентификатором на нем.

как <div id ="#pointandshoot"></div>

идентификаторам должен быть уникальным.

Answer 3

После выпуска я столкнулся сегодня, похоже, якорных тегов без содержания не работать в некоторых версиях IE, например:

<a id="example"></a>

Положив что-то внутри исправляет проблему, например:

<a id="example">&nbsp;</a>

То же поведение, используете ли вы name или id для якоря.

Я не тестировал с помощью Firefox.