← All examples

Action Navigation

Copy current section anchor link

The action copies a URL with the anchor of the section heading currently near the top.

Code to copy

var heads = Array.prototype.slice.call(document.querySelectorAll('h1[id], h2[id], h3[id]'));
var top = window.pageYOffset + 100;
var current = null;
heads.forEach(function (h) {
  if (h.getBoundingClientRect().top + window.pageYOffset <= top) { current = h; }
});
if (current) {
  var url = location.origin + location.pathname + '#' + current.id;
  navigator.clipboard.writeText(url).then(function () {
    alert('Copied: ' + url);
  });
} else {
  alert('No section heading with an id found above.');
}

How to use this example

  1. Copy the code with the button above.
  2. Install JustZix (2 minutes) and open the extension on the target page.
  3. Add a new rule matching that page.
  4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases