From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- .../vi/web/css/-ms-scroll-snap-points-y/index.html | 89 ---------------------- 1 file changed, 89 deletions(-) delete mode 100644 files/vi/web/css/-ms-scroll-snap-points-y/index.html (limited to 'files/vi/web/css') diff --git a/files/vi/web/css/-ms-scroll-snap-points-y/index.html b/files/vi/web/css/-ms-scroll-snap-points-y/index.html deleted file mode 100644 index 2fb27bbef7..0000000000 --- a/files/vi/web/css/-ms-scroll-snap-points-y/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: '-ms-scroll-snap-points-y' -slug: Web/CSS/-ms-scroll-snap-points-y -translation_of: Archive/Web/CSS/-ms-scroll-snap-points-y ---- -
{{CSSRef}}
- -
{{non-standard_header}}
- -
 
- -

The -ms-scroll-snap-points-y CSS property is a Microsoft extension that specifies where snap-points will be located along the y-axis.

- -

{{cssinfo}}

- -

Syntax

- -

Values

- -
-

Note: a <length-percentage> is a value that can be either a {{cssxref("<length>")}} or a {{cssxref("<percentaqe>")}}.

-
- -
-
snapInterval( <length-percentage>, <length-percentage> )
-
-

Specifies a starting snap-point followed by the interval between all snap-points.

- -
    -
  • The first value specifies where the first snap-point will be placed.
    • -
  • The second value specifies the distance between subsequent snap-points both above and below the initial snap-point.
    • -
-
-
snapList( <length-percentage># )
-
-

Specifies the position of individual snap-points as a comma-separated list of values, each of which represents a zoom factor.

- -
    -
  • If any value is less than {{CSSXref("-ms-scroll-limit-y-min")}} , then {{cssxref("-ms-scroll-limit-y-min")}} is used.
    • -
  • If any value is greater than {{CSSXref("-ms-scroll-limit-y-max")}}, then {{cssxref("-ms-scroll-limit-y-max")}} is used.
    • -
-
-
- -

Formal syntax

- -
  {{csssyntax}}
-
- -

Examples

- -

This example demonstrates both types of values for the -ms-scroll-snap-points-y property. In the first selector, the first snap-point is at 0%, and the interval is set to 100%. In the second selector, each snap-point is listed separately — 100%, 200%, 300%, and so on. (The -ms-scroll-snap-points-y property behaves identically to the {{cssxref("-ms-scroll-snap-points-x")}} property, but along the y-axis.)

- -
.container {
-  overflow-x: auto;
-  overflow-y: hidden;
-  -ms-scroll-snap-type: mandatory;
-  -ms-scroll-snap-points-y: snapInterval(0%, 100%);
-  width: 480px;
-  height: 270px;
-}
-
-.imageContainer {
-  -ms-scroll-chaining: chained;
-  -ms-overflow-style: none;
-  -ms-content-zooming: zoom;
-  -ms-scroll-rails: none;
-  -ms-scroll-limit-y-min: 100%;
-  -ms-scroll-limit-y-max: 500%;
-  -ms-scroll-snap-type: proximity;
-  -ms-scroll-snap-points-y: snapList(100%, 200%, 300%, 400%, 500%);
-  -ms-overflow-style: none;
-  width: 480px;
-  height: 270px;
-  overflow: auto;
-}
-
- -

Specifications

- -

Not part of any specification.

- -

Remarks

- -

This property requires Windows 8 or later.

- -

This property has no effect on non-scrollable elements.

- -

Starting with Windows 8.1, this property is also supported for mouse, keyboard, and touchpad interaction.

-- cgit v1.2.3-54-g00ecf