scroll-snap-align Types Lookup
Supported one-axis scroll-snap-align keyword, not actual snapped scroll offset or mandatory feasibility. Explicit supplied computed/layout context only; not a browser cascade/layout engine or cross-browser guarantee.
Description
Scroll snapping aligns a snap area with a snapport along a chosen axis.
Scroll snapping aligns a snap area with a snapport along a chosen axis.1
An alignment keyword does not establish a complete scrolling or snap-selection behavior. Use scroll-snap-align Types Lookup to look up a supported term.
When to use scroll-snap-align Types Lookup
Use scroll-snap-align Types Lookup to look up a supported term. Choose the exact supported token from the table; preserve its punctuation and capitalization.
How to use scroll-snap-align Types Lookup and understand its results
- Choose the exact supported token from the table; preserve its punctuation and capitalization.
- Enter Snap align using the field table and validation rules below, then run the tool.
- Read Meaning and interpret units, signs, ordering and placeholders as explained below.
- If the tool reports an input error, correct that field and rerun. A successful false result, empty match list or unknown-evidence placeholder has the specific meaning described here; check the limitations before applying the result.
| Input field | Meaning | Value type | Requirement |
|---|---|---|---|
| snapAlign | Snap align | string | Required; constraints below |
Enter one of the exact supported snapAlign tokens in the table below. The implementation performs a case-sensitive lookup and returns the stored meaning without interpreting a stylesheet, audio recording or performance. Unsupported tokens, added whitespace and alternate capitalization are input errors. The entries describe a bounded vocabulary rather than every valid value in the wider topic.
meaning = storedTable[exactSupportedToken] Field order, units and branch conditions follow the implementation explanation above.
| Exact supported token | Stored meaning |
|---|---|
| none | no snap position from this box on the axis |
| start | align snap area start with snapport start |
| center | align snap area center with snapport center |
| end | align snap area end with snapport end |
| Output field | Meaning | Value type |
|---|---|---|
| meaning | Stored explanation for the exact supported token. | string |
{
"input": {
"snapAlign": "center"
},
"output": {
"meaning": "align snap area center with snapport center"
}
}Limitations and assumptions
An alignment keyword does not establish a complete scrolling or snap-selection behavior. Apply the exact scope and assumptions described above.
All listed fields require explicit values. Unexpected fields, incorrect types, nonfinite numbers and sparse arrays fail validation. Domain-specific bounds, alignments and supported tokens are stated above; extremely large inputs or outputs can also be rejected. These errors differ from successful results such as false, no matches or unknown evidence.
Alternative or Complementary methods
Use overscroll-behavior Scroll-Chaining Stop for a related task: Overscroll behavior concerns scroll chaining and boundary effects.
Use scroll-behavior Smooth Duration Heuristic for a related task: A distance-based scrolling duration is an author-selected heuristic.
References
-
scroll-snap-align Types Lookup — tool.io
Similar or alternative tools
- overscroll-behavior Scroll-Chaining Stop
Overscroll behavior concerns scroll chaining and boundary effects.
- scroll-behavior Smooth Duration Heuristic
A distance-based scrolling duration is an author-selected heuristic.