how to set href be the id of section?

[ShawSpring]

by default, headings is the target of the anchor, but sections is better when headings blocked by fixed Navigation Bar。
so, please provide an option to set the href

[jrson83]

by default, headings is the target of the anchor, but sections is better when headings blocked by fixed Navigation Bar。 so, please provide an option to set the href

Do you mean like so? This is currently not possible, but I will implement the feature if required.

<section id="heading-21-section">
  <h2 id="heading-21" role="presentation">
-   <a href="#heading-21" class="heading-anchor">
+   <a href="#heading-21-section" class="heading-anchor">
      <button type="button" class="heading-anchor__btn">#</button>
    </a>
    <span role="heading" aria-level="2">Heading 2.1</span>
  </h2>
  <p>Paragraph 1</p>
</section>

[ShawSpring]

yes.
but the href attribute points to section makes no difference, because there is no padding between section and heading.
If users need to add extra css, this feature might as well be implemented by users

[jrson83]

yes.
but the href attribute points to section makes no difference, because there is no padding between section and heading.
If users need to add extra css, this feature might as well be implemented by users

How about the possibility of defining a value for the href attribute like so:

# Heading 2.1 [some-custom-anchor]

<section id="heading-21-section">
  <h2 id="heading-21" role="presentation">
-   <a href="#heading-21" class="heading-anchor">
+   <a href="#some-custom-anchor" class="heading-anchor">
      <button type="button" class="heading-anchor__btn">#</button>
    </a>
    <span role="heading" aria-level="2">Heading 2.1</span>
  </h2>
  <p>Paragraph 1</p>
</section>