CSS только гладкая спираль со смещением?
Я использую классический подход с тегом привязки, чтобы щелкнуть и прокрутить до определенного div
<a href = "#scrollTo"></a>
<div id = "scrollTo"></div>
Проблема, с которой я столкнулся, заключается в том, что этот подход прокручивается до верхнего поля div в верхней части экрана. Есть ли способ прокручивать его только с помощью css, или мне придется использовать javascript?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы можете использовать другой элемент внутри div.
Если вы поместите элемент positioned внутри scrollto div с отрицательным полем. Отрицательное поле будет смещением, которое вы хотите. Сделайте внутренний элемент высотой 0px, чтобы он не был виден вашим пользователям.
Конечно, вам нужно будет поставить id на этот элемент.
<div id = "olddiv">
<div id = "scrollTo" style = "margin-top: -100px"></div>
</div>
@BrunoPigatto поместил содержимое внутри «olddiv» под «scrollTo», а не внутри «scrollTo».
Вы можете посмотреть на использование смещения в div, который вы используете для привязки: смещение якоря html для корректировки фиксированного заголовка
Эй, это не работает, потому что мне все еще нужно, чтобы содержимое внутри scrollTo было видимым, и оно становится видимым только при нажатии тега привязки.