Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-scroll-snap-1] Scroll by page should not skip over content. #11370

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

[css-scroll-snap-1] Scroll by page should not skip over content. #11370

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
4 changes: 4 additions & 0 deletions css-scroll-snap-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1090,6 +1090,10 @@ Choosing Snap Positions {#choosing}
if its nearest <a>scroll container</a> is a <a>scroll snap container</a>.
The user agent <em>may</em> also do this even when the <a>scroll container</a> has ''scroll-snap-type: none''.

* If a scroll by page operation (e.g. Page down / Page up) is being performed,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure if we have a spec concept for a scroll by page operation. Scrolling by page exists as a granularity for wheel scrolls but that doesn't include things like page up / page down or clicking on the scrollbar track. As such, I referred to the concept generally here.

eligible <a>snap positions</a> that require scrolling less than or equal to the size of the <a>optimal viewing region</a> of the <a>scroll container</a>
should be selected before any farther away, ignoring the starting <a>snap positions</a> so that progress is still made in the <a>intended direction</a>.

<h4 id="multiple-aligned-snap-areas">Selecting between multiple aligned snap areas</h4>

When <a>snapping</a> to a scroll position
Expand Down