Obsidian Stats logoObsidian Stats

Horizontal Scroll View

by Daivik Karbhari
5
4
3
2
1
Score: 50/100
Install Code

Description

Reviews

No reviews yet.

Stats

0
stars
49
downloads
0
forks
6
days
6
days
6
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
8
commits

Latest Version

1.0.2
6 days ago

Changelog

See all version on GitHub

README file from

Github

Horizontal Scroll View

An Obsidian plugin that transforms long notes into a side-by-side column layout — each # H1, ## H2, ### H3 heading becomes its own independently scrollable column. Navigate wide instead of scrolling endlessly down.

Demo

Features

Feature Details
Column layout Every # H1/ ## H2/ ### H3 heading splits into a separate column
Independent vertical scroll Each column scrolls on its own
Horizontal track Scroll across all columns in one row
Resizable columns Drag the handle between columns to resize; double-click to reset
Width persistence Column widths are saved per-file and restored on reopen
Collapse / expand Collapse any column to a slim sliver; the heading stays visible rotated
Jump bar One-click chips below the toolbar snap-scroll to any column instantly
Copy section Copy any column's full Markdown (heading + body) to clipboard
Per-column scroll-to-top ↑ button in each column header
Global scroll-to-top ⬆ Top button scrolls every column at once
Auto-refresh Debounced — re-renders 600 ms after you stop typing in the editor
Text selection All rendered content is fully selectable

How to use

  1. Open any Markdown note with # H1/ ## H2/ ### H3 headings.
  2. Click the columns icon (⊞) in the left ribbon, or open the Command Palette (Ctrl / Cmd + P) and run "Open Horizontal Scroll View".
  3. The view opens in a new tab. Each # H1/ ## H2/ ### H3 becomes a column.

Column controls (in the column header)

Button Action
◀ / ▶ Collapse / expand the column
↑ Scroll this column to top
⎘ Copy the section as Markdown

Toolbar buttons

Button Action
↺ Refresh Manually re-render the current file
⬆ Top Scroll every column to its top
⟺ Reset widths Restore all column widths to default

Resizer

  • Drag the vertical handle between two columns to resize.
  • Double-click the handle to reset that column to the default width.

Installation

From the Obsidian Community Plugin browser (recommended)

  1. Open Obsidian → Settings → Community Plugins.
  2. Disable Restricted Mode if prompted.
  3. Click Browse, search for Horizontal Scroll View, and click Install → Enable.

Manual installation

  1. Download main.js, manifest.json, and styles.css from the latest release.
  2. Copy them to <your-vault>/.obsidian/plugins/horizontal-scroll-view/.
  3. In Obsidian: Settings → Community Plugins → reload, then enable Horizontal Scroll View.

Notes on document structure

  • Content before the first # H1/ ## H2/ ### H3 is gathered into a Preamble column (if non-empty).
  • H2–H6 headings are rendered normally inside the column they belong to.
  • The view is read-only — edit your note in the standard editor; the view refreshes automatically.

Contributing

Issues and pull requests are welcome on GitHub.

License

MIT — see LICENSE.

Sponsors