HTML - ссылки привязки Плавная прокрутка не прокручивается до нужного раздела - PullRequest
Новая
       30

HTML - ссылки привязки Плавная прокрутка не прокручивается до нужного раздела

0 голосов
/ 30 мая 2018

Доброе утро / День / Вечер,

У меня есть веб-страница, на которой есть несколько якорных ссылок в разделе навигации.Каждая якорная ссылка предназначена для перехода в определенный раздел страницы.Они изложены в том же общем формате, что и этот: 

<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>
<a href="#section3">Section 3</a>

<!-- Further down the page... -->

<p id="section1"></p>
<p id="section2"></p>
<p id="section3"></p>

Большинство ссылок работают должным образом, но есть одна ссылка, которая отформатирована так же, как и другие, но ссылка идет в неправильный разделстраницы.У кого-нибудь есть идеи о том, почему это может происходить?

Вот соответствующий код: 

<div style="z-index: 1000; line-height: 32px;" class="dots">
....
    <a href="#translation" class="lineDot" id="d3"><p id="d3text" class="lineText" style="display: inline;">Translation</p><i class="dot fas fa-circle"></i></a>
....
</div>

<p id="translation"></p>

1 Ответ

0 голосов
/ 30 мая 2018

Если в этом разделе позиция css определена как абсолютная или перед ним стоит div, который имеет абсолютную или фиксированную позицию, это может быть вашей проблемой, поскольку javascript не учитывает высоту этих элементов или если у вас есть floatэто не очищается, это также может быть проблемой

...