Pattern 54

Linked scrolling follows passage identity

Let parallel panes move together or independently, with an explicit way to rejoin.

Research-informed design proposal

Concrete takeaway

Offer linked and independent scrolling.

Choose an approach

These are editorial decision conditions to validate. Some alternatives are successive states or can be combined; they are not always exclusive choices.

AlternativeUse whenTradeoff or requirement
A · Linked by verseCorresponding passages should follow togetherUse reliable verse anchors rather than pixel ratios
B · Independent explorationThe reader wants to explore each edition freelyRejoining needs a chosen leading pane
C · Mapping unavailableReference mapping is missing or nontrivialDo not silently substitute a false correspondence

The problem

Different wording and poetry create different heights. Equal pixel scrolling can show unrelated verses in adjacent panes.

The pattern

Offer linked and independent scrolling. In linked mode, map the leading pane’s visible verse or passage anchor into the other pane instead of copying pixel offsets. Keep a stable leading pane during an interaction; avoid feedback loops and jitter. In independent mode, show each reference and offer Align at this verse. Rejoining uses the user’s chosen pane as the anchor. If a mapping is missing, split or merged, explain the correspondence and avoid pretending an exact line alignment. Playback following is a separate control; specify which pane it follows.

Compare the alternatives

Let parallel panes move together or independently, with an explicit way to rejoin.

A · Linked by verse

Bible study · Example interface
Scroll link: on · Anchor: Mark 1:8
A · Verse 8
8
9
10
B · Verse 8
8
9
10
Explore independently

Different text heights still refer to the same passage.

B · Independent exploration

Bible study · Example interface
Scroll link: off
A · Mark 1:8
8
9
10
B · Mark 2:3
8
9
10
Align B with A

Each pane can show a different reference without snapping back.

C · Mapping unavailable

Bible study · Example interface
A · Verse 8
8
9
10
B · Different numbering
8
9
10
Exact correspondence unavailable here.
Review reference mapping
Continue independently

A gap interrupts synchronisation honestly.

Original wireframe proposals · No live controls · Grey rows represent schematic text, not loading states · Labelled placeholders are not Scripture quotations

Download this wireframe as SVG

Failure modes

Proportional scrolling presented as exact correspondence; snapping back after exploration; both panes endlessly steering each other; silently changing playback.

What to validate

Scroll either pane, unlink, explore another chapter and rejoin. Test poetry, verse bridges, missing mappings, touch gestures, resizing and audio following.

Evidence status

Research-informed design proposal. These visual alternatives have not been tested with users in this atlas. Source findings, documented behaviour and this proposed adaptation are different kinds of evidence.

Sources and adaptation

This card is an original design synthesis. The following sources inform its content distinctions, interaction approach or review requirements; they do not validate the whole pattern.

Common scenarios and flows

Examples in use

Attributed app evidence with dates and review limits. A screenshot illustrates an implementation; it does not establish that the proposal works for every audience.

Explore the growing app-example collection

Design principles in this decision

Editorial application of Missional by Design. These values frame review questions; they do not validate a pattern’s effectiveness.

Compare alternatives using the task and evidence above. Record competing needs instead of treating a principle as an automatic verdict.