2013-06-05 3 views
1

Это должно быть довольно просто, я пытаюсь создать «оглавления», что ссылки на различные части длинной страницы ...Простые Внутренние ссылки не работают

Это то, что я пробовал:

<ul> 
     <li><a href="#features">Features</a></li> 
</ul> 

Далее вниз по странице ...

<a name="features"></a> 

ли я что-то отсутствует? Он просто никогда не ссылается так, как будто якорь не связан должным образом.

Я ценю любые советы в этом отношении.

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

ответ

1

Для тех, у кого есть аналогичная проблема, я выяснил, почему она не работает.

Многие элементы на моей странице являются плавающими элементами. В результате браузер не может найти точную точку для ссылки, если цель привязки не находится внутри плавающего элемента. Другими словами, если тег привязки находится за пределами плавающего элемента, и на вашей странице много плавающих элементов, внутренние ссылки могут работать неправильно. Чтобы исправить это, поместите цель привязки в один из плавающих элементов.

+0

Большое спасибо. Мне нужно было установить ссылку на якорный имя в верхней части страницы, так как туда, где мне нужно было идти, вернулась к вершине. Спасибо, Джордж. –

-2

Это не способ прокрутки к определенной части веб-страницы. Здесь вам нужен код JavaScript.

function scrollWindow() { 
    window.scrollTo(x,y); 
    // where 
    // x = for horizontal co-ordinates, y = for vertical cordinates 
    // e.g. x=100,y=600 -- try this 
} 

выполнять эту функцию OnClick вашей ссылки

<ul> 
    <li><a href="#features" onclick="scrollwindow();">Features</a></li> 
</ul> 

Эта страница объясняет свойство очень хорошо: http://www.w3schools.com/jsref/met_win_scrollto.asp

+1

Спасибо за ответ. Javascript здесь не нужен, если вам не нужна анимация прокрутки. Обычный HTML-код должен отлично работать в этом случае без Javascript. – AnchovyLegend

+0

его всегда ваш выбор, но некоторые свойства перехода в css будут творить чудеса для пользователей. –

+1

Вопрос заключался не в том, как «прокрутить страницу к определенной части веб-страницы», а чтобы перейти в раздел с внутренней гиперссылкой. – mike

0

Я также нашел эту информацию here

Много раз вы будете видеть людей, которые используют эти ссылки, ничего не окружая (например, <a name="1" id="1"></a>), но это не так надежно, как когда вы окружаете слово или изображение. Многим браузерам нравится располагать некоторый элемент в верхней части экрана, а когда вы ничего не закрываете, вы рискуете запутать браузер.

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