← All examples

Collapse a very long README

Limits a very long README to a scrollable box so the file list is visible right away.

Code to copy

// Collapse a very long README to keep the file list above the fold
var readme = document.querySelector('#readme .markdown-body');
if (readme && readme.scrollHeight > 600) {
  readme.style.maxHeight = '600px';
  readme.style.overflow = 'auto';
  readme.style.border = '1px solid var(--borderColor-default, #d0d7de)';
  readme.style.borderRadius = '6px';
}

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. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.