語法
滾動行為overscroll-behavior
Setting what a browser does when reaching the boundary of a scrolling area.
Overview
Class | Declarations |
---|---|
overscroll-behavior:value | overscroll-behavior: value;
|
overscroll-behavior-x:value | overscroll-behavior-x: value;
|
overscroll-behavior-y:value | overscroll-behavior-y: value;
|
overscroll-behavior:auto | overscroll-behavior: auto;
|
overscroll-behavior:contain | overscroll-behavior: contain;
|
overscroll-behavior:none | overscroll-behavior: none;
|
overscroll-behavior-x:auto | overscroll-behavior-x: auto;
|
overscroll-behavior-y:auto | overscroll-behavior-y: auto;
|
overscroll-behavior-x:contain | overscroll-behavior-x: contain;
|
overscroll-behavior-y:contain | overscroll-behavior-y: contain;
|
overscroll-behavior-x:none | overscroll-behavior-x: none;
|
overscroll-behavior-y:none | overscroll-behavior-y: none;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="overscroll-behavior:auto:hover overscroll-behavior:auto@sm overscroll-behavior:auto@dark overscroll-behavior:auto@print">…</div>