CSS overscroll-behavior
CSS property to control the behavior when the scroll position of a scroll container reaches the edge of the scrollport.


Spec
https://w3c.github.io/csswg-drafts/css-overscroll-behavior-1/


Status
W3C Working Draft




IE
Edge
Firefox
Chrome
Safari
Opera


 
 
 
110 
 
 


 
 
108 
109 
TP 
 


 
 
107 
108 
16.2 
 


11 (1)
107 
106 
107 
16.1 
91 


10 (1)
106 
105 
106 
16.0 
90 


9 
105 
104 
105 
15.6 (4)
89 


8 
104 
103 
104 
15.5 (4)
88 



Show all



7 
103 
102 
103 
15.4 (4)
87 


6 
102 
101 
102 
15.2-15.3 (4)
86 


5.5 
101 
100 
101 
15.1 (4)
85 


 
100 
99 
100 
15 (4)
84 


 
99 
98 
99 
14.1 (4)
83 


 
98 
97 
98 
14 
82 


 
97 
96 
97 
13.1 
81 


 
96 
95 
96 
13 
80 


 
95 
94 
95 
12.1 
79 


 
94 
93 
94 
12 
78 


 
93 
92 
93 
11.1 
77 


 
92 
91 
92 
11 
76 


 
91 
90 
91 
10.1 
75 


 
90 
89 
90 
10 
74 


 
89 
88 
89 
9.1 
73 


 
88 
87 
88 
9 
72 


 
87 
86 
87 
8 
71 


 
86 
85 
86 
7.1 
70 


 
85 
84 
85 
7 
69 


 
84 
83 
84 
6.1 
68 


 
83 
82 
83 
6 
67 


 
81 
81 
81 
5.1 
66 


 
80 
80 
80 
5 
65 


 
79 
79 
79 
4 
64 


 
18 (3)
78 
78 
3.2 
63 


 
17 (1)
77 
77 
3.1 
62 


 
16 (1)
76 
76 
 
60 


 
15 (1)
75 
75 
 
58 


 
14 (1)
74 
74 
 
57 


 
13 (1)
73 
73 
 
56 


 
12 (1)
72 
72 
 
55 


 
 
71 
71 
 
54 


 
 
70 
70 
 
53 


 
 
69 
69 
 
52 


 
 
68 
68 
 
51 (2)


 
 
67 
67 
 
50 (2)


 
 
66 
66 
 
49 


 
 
65 
65 
 
48 


 
 
64 
64 (2)
 
47 


 
 
63 
63 (2)
 
46 


 
 
62 
62 
 
45 


 
 
61 
61 
 
44 


 
 
60 
60 
 
43 


 
 
59 
59 
 
42 


 
 
58 
58 
 
41 


 
 
57 
57 
 
40 


 
 
56 
56 
 
39 


 
 
55 
55 
 
38 


 
 
54 
54 
 
37 


 
 
53 
53 
 
36 


 
 
52 
52 
 
35 


 
 
51 
51 
 
34 


 
 
50 
50 
 
33 


 
 
49 
49 
 
32 


 
 
48 
48 
 
31 


 
 
47 
47 
 
30 


 
 
46 
46 
 
29 


 
 
45 
45 
 
28 


 
 
44 
44 
 
27 


 
 
43 
43 
 
26 


 
 
42 
42 
 
25 


 
 
41 
41 
 
24 


 
 
40 
40 
 
23 


 
 
39 
39 
 
22 


 
 
38 
38 
 
21 


 
 
37 
37 
 
20 


 
 
36 
36 
 
19 


 
 
35 
35 
 
18 


 
 
34 
34 
 
17 


 
 
33 
33 
 
16 


 
 
32 
32 
 
15 


 
 
31 
31 
 
12.1 


 
 
30 
30 
 
12 


 
 
29 
29 
 
11.6 


 
 
28 
28 
 
11.5 


 
 
27 
27 
 
11.1 


 
 
26 
26 
 
11 


 
 
25 
25 
 
10.6 


 
 
24 
24 
 
10.5 


 
 
23 
23 
 
10.0-10.1 


 
 
22 
22 
 
9.5-9.6 


 
 
21 
21 
 
9 


 
 
20 
20 
 
 


 
 
19 
19 
 
 


 
 
18 
18 
 
 


 
 
17 
17 
 
 


 
 
16 
16 
 
 


 
 
15 
15 
 
 


 
 
14 
14 
 
 


 
 
13 
13 
 
 


 
 
12 
12 
 
 


 
 
11 
11 
 
 


 
 
10 
10 
 
 


 
 
9 
9 
 
 


 
 
8 
8 
 
 


 
 
7 
7 
 
 


 
 
6 
6 
 
 


 
 
5 
5 
 
 


 
 
4 
4 
 
 


 
 
3.6 
 
 
 


 
 
3.5 
 
 
 


 
 
3 
 
 
 


 
 
2 
 
 
 




Safari on iOS
Opera Mini
Android Browser
Blackberry Browser
Opera Mobile
Android Chrome
Android Firefox
IE Mobile
Android UC Browser
Samsung Internet
QQ Browser
Baidu Browser
KaiOS Browser


16.1 
all 
107 
10 
64 
107 
106 
11 (1)
13.4 
18.0 
13.1 
13.18 
2.5 


16.0 
 
4.4.3-4.4.4 
7 
12.1 
 
 
10 (1)
 
17.0 
 
 
 


15.6 (4)
 
4.4 
 
12 
 
 
 
 
16.0 
 
 
 


15.5 (4)
 
4.2-4.3 
 
11.5 
 
 
 
 
15.0 
 
 
 



Show all



15.4 (4)
 
4.1 
 
11.1 
 
 
 
 
14.0 
 
 
 


15.2-15.3 (4)
 
4 
 
11 
 
 
 
 
13.0 
 
 
 


15.0-15.1 (4)
 
3 
 
10 
 
 
 
 
12.0 
 
 
 


14.5-14.8 (4)
 
2.3 
 
 
 
 
 
 
11.1-11.2 
 
 
 


14.0-14.4 
 
2.2 
 
 
 
 
 
 
10.1 
 
 
 


13.4-13.7 
 
2.1 
 
 
 
 
 
 
9.2 
 
 
 


13.3 
 
 
 
 
 
 
 
 
8.2 
 
 
 


13.2 
 
 
 
 
 
 
 
 
7.2-7.4 
 
 
 


13.0-13.1 
 
 
 
 
 
 
 
 
6.2-6.4 
 
 
 


12.2-12.5 
 
 
 
 
 
 
 
 
5.0-5.4 
 
 
 


12.0-12.1 
 
 
 
 
 
 
 
 
4 
 
 
 


11.3-11.4 
 
 
 
 
 
 
 
 
 
 
 
 


11.0-11.2 
 
 
 
 
 
 
 
 
 
 
 
 


10.3 
 
 
 
 
 
 
 
 
 
 
 
 


10.0-10.2 
 
 
 
 
 
 
 
 
 
 
 
 


9.3 
 
 
 
 
 
 
 
 
 
 
 
 


9.0-9.2 
 
 
 
 
 
 
 
 
 
 
 
 


8.1-8.4 
 
 
 
 
 
 
 
 
 
 
 
 


8 
 
 
 
 
 
 
 
 
 
 
 
 


7.0-7.1 
 
 
 
 
 
 
 
 
 
 
 
 


6.0-6.1 
 
 
 
 
 
 
 
 
 
 
 
 


5.0-5.1 
 
 
 
 
 
 
 
 
 
 
 
 


4.2-4.3 
 
 
 
 
 
 
 
 
 
 
 
 


4.0-4.1 
 
 
 
 
 
 
 
 
 
 
 
 


3.2 
 
 
 
 
 
 
 
 
 
 
 
 


Notes

Supports the precursor version of the property: -ms-scroll-chaining, which works similarly. IE support is limited to Windows 8 & above
Does not support overscroll-behavior: none; on the body element to prevent the overscroll glow and rubberbanding effects.
Incorrectly treats none as contain see MDN and Edge 18 changelog
Can be enabled in the "Experimental Features" developer menu

Resources

Demo
Firefox implementation bug
Google Developers blog post on overscroll-behavior
WebKit support bug



Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/css-overscroll-behavior

{'path': 'public/docs/browser_support_tables/css-overscroll-behavior.html', 'source': 'DevDocs.IO'}