Skip to content
Merged
Changes from 1 commit
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
331155d
[css-snappoints] Adding definition of snap position, and rephrasing i…
ChumpChief Nov 24, 2015
ecdd8ea
[css-snappoints] Adding scroll-snap-area. Included mechanism to spec…
ChumpChief Nov 24, 2015
7eb14dc
[css-snappoints] Adding scroll-snap-padding. Clarified definition of…
ChumpChief Nov 24, 2015
779d3c0
[css-snappoints] Adding scroll-snap-align. Omitting 'edges' value as…
ChumpChief Nov 25, 2015
f85ad4e
[css-snappoints] Copy in overview from Tab/Elika proposal, but making…
ChumpChief Jan 8, 2016
85a7c08
[css-snappoints] Minor editorial changes to overview.
ChumpChief Jan 8, 2016
1b960f8
[css-snappoints] Adding clarification re: visual viewport for snap vi…
ChumpChief Jan 8, 2016
480da86
[css-snappoints] Removing scroll-snap-coordinate and scroll-snap-dest…
ChumpChief Jan 8, 2016
777e1d8
[css-snappoints] Adding in detail of scroll-snap-padding
ChumpChief Jan 8, 2016
acb2116
[css-snappoints] Trying the term 'snap alignment container' over 'sna…
ChumpChief Jan 8, 2016
c5b59e7
[css-snappoints] Adding definition for scroll snap area and tweaking …
ChumpChief Jan 8, 2016
1393efe
[css-snappoints] Minor tweak to description of snap alignment contain…
ChumpChief Jan 8, 2016
f73c3cd
[css-snappoints] Adding an open issue for the pending working group r…
ChumpChief Jan 8, 2016
492a5f2
[css-snappoints] Updating examples, still need to update example figu…
ChumpChief Jan 8, 2016
82527a2
[css-snappoints] Updating example diagrams
ChumpChief Jan 8, 2016
332b95a
[css-snappoints] Changing 'snap points' to 'snap positions' for consi…
ChumpChief Jan 8, 2016
99b03fd
[css-snappoints] Changing src extension to .bs which I think is prefe…
ChumpChief Jan 9, 2016
73e9fb0
[css-snappoints] Update figcaption for example 1
ChumpChief Jan 11, 2016
6350afa
[css-snappoints] Update figcaption for example 2
ChumpChief Jan 11, 2016
f0e6761
[css-snappoints] Updating generated html
ChumpChief Jan 11, 2016
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
[css-snappoints] Copy in overview from Tab/Elika proposal, but making…
… snap position link to definition rather than inline for now (may merge the definition inline later).
  • Loading branch information
ChumpChief committed Jan 8, 2016
commit f85ad4efe8839243fd7c8453fc06dcd477d1e549
24 changes: 24 additions & 0 deletions css-snappoints/Overview.src.html
Original file line number Diff line number Diff line change
Expand Up @@ -156,6 +156,30 @@ <h2 id="examples">Motivating Examples</h2>
</figure>
</div>

<h2 id="overview">Overview</h2>

This module introduces control over <a>scroll snap positions</a>,
which are scroll positions that produce particular alignments
of content within a scrollable viewport.
Using the 'scroll-snap-type' propoperty on the relevant <a>scroll container</a>,
the author can request a particular bias
for the viewport to land on a valid <a>snap position</a>
during scrolling operations.

Valid <a>snap positions</a> can be specified
as a particular alignment ('scroll-snap-align')
of an element's <a>scroll snap area</a> ('scroll-snap-area', defaulting to its margin box)
within the <a>scroll container</a>’s <a>snap viewport</a>
(its viewport, as reduced by 'scroll-snap-padding').
This is conceptually equivalent to specifying the alignment of
an <a>alignment subject</a> within an <a>alignment container</a>.
The scroll position that satisfies the specified alignment
is a valid <a>snap position</a>.

<a>Snap positions</a> must only affect the nearest ancestor
(on the element's <a>containing block chain</a>)
<a>scroll container</a>.

<h2 id="definitions">Definitions</h2>

<dl>
Expand Down