Якорь, который не прокручивается к вершине

Question

У меня есть стол с плавающей теадой. И в моей таблице у меня есть несколько ячеек td с привязками к другим ячейкам в этой таблице.

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

Как я могу иметь привязку, которая привела пользователя к anchor + 100px наверх, чтобы позволить ему увидеть целевой элемент?

Answer 1

Попробуйте наложить на якорь отрицательное поле, например,

a[name] {
    position: relative;
    top: -150px;
    display: block;
}