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

<h1 id="1">Заголовок</h2>

не. там спойлер (выпадушка) и нужно чтоб он открывался. т.е. якорь пихаю под спойлер. 

а можно чуть больше информации? в кавычки это или в какой блок вставить?

Что за сказки ))) А что можно вставить? Тег <style> можно? <script> можно?

Проблему можно решить через JS несколькими строчками.

Если заголовки однострочные, можно через scroll-padding-top, хотя это костыль.

Но лучше всего заголовкам присваивать id, а не абзацам под ними.

Теги <style> и <script>  - это можно.

Я понимаю что лучше заголовкам, но технически это не подходит. 

Я понимаю что проблему можно решить, я же здесь и спрашиваю совета в решении. 

Приведите кусок HTML кода от заголовка до начала абзаца под спойлером.

ну тут 2 варианта, оба работают:

либо 

<details>

<summary><span style="color: #000000;font-size: 23px;">Заголовок<span style="color: #000000;"></summary>

либо

+====Заголовок