overscroll-behavior 禁止橡皮筋效果

概述目前尚兼容性不好 文章摘自：https://developer.mozilla.org/zh-CN/docs/Web/CSS/overscroll-behavior  overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。 /* 关

目前尚兼容性不好

文章摘自：https://developer.mozilla.org/zh-CN/docs/Web/CSS/overscroll-behavior 

overscroll-behavior CSS 属性是 @L_404_1@ 和 overscroll-behavior-y 属性的合并写法,让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。

/* 关键字的值 */overscroll-behavior: auto; /* 默认 */overscroll-behavior: contain;overscroll-behavior: none;/* 使用2个值 */overscroll-behavior: auto contain;/* Global values */overflow: inherit;overflow: initial;overflow: unset;

默认情况下，当触及页面顶部或者底部时（或者是其他可滚动区域），移动端浏览器倾向于提供一种“触底”效果，甚至进行页面刷新。你可能也发现了，当对话框中含有可滚动内容时，一旦滚动至对话框的边界，对话框下方的页面内容也开始滚动了——这被称为“滚动链”。 

在某些情况下我们不想要这些表现，使用 overscroll-behavior 来去除不需要的滚动链，以及类似 QQ 一类的应用下拉刷新效果。

初始值	auto
适用元素	non-replaced block-level elements and non-replaced inline-block elements
是否是继承属性	否
适用媒体	visual
计算值	as specifIEd
Animation type	discrete
正规顺序	the unique non-ambiguous order defined by the formal grammar

语法节

overscroll-behavior 属性可以使用下面列表中的一或两个关键字指定。

使用两个关键字来指定 overscroll-behavior 分别在 x 和 y 轴的值。只用一个值的话，x 和 y 轴都被指定为该值。

值节 auto 默认效果 contain 设置这个值后，默认的滚动边界行为不变（“触底”效果或者刷新），但是临近的滚动区域不会被滚动链影响到，比如对话框后方的页面不会滚动。 none 临近滚动区域不受到滚动链影响，而且默认的滚动到边界的表现也被阻止。 总结

以上是内存溢出为你收集整理的overscroll-behavior 禁止橡皮筋效果全部内容，希望文章能够帮你解决overscroll-behavior 禁止橡皮筋效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。