我想知道是否有可能避免,当我在我的移动应用程序中浏览时,当我向下滑动屏幕时,浏览器会重新加载页面,以防 Chrome for Android。
当我在 Chrome 移动设备上用力滑动时,它会重新加载页面。
我想知道在页面编程期间是否可以进行任何配置以防止这种情况发生。
我想知道是否有可能避免,当我在我的移动应用程序中浏览时,当我向下滑动屏幕时,浏览器会重新加载页面,以防 Chrome for Android。
当我在 Chrome 移动设备上用力滑动时,它会重新加载页面。
我想知道在页面编程期间是否可以进行任何配置以防止这种情况发生。
在您的 CSS 中添加以下属性到您的
body
MDN 翻译:
CSS 属性
overscroll-behavior
设置浏览器在到达滚动区域边界时的行为。它是overscroll-behavior-x
and的简写overscroll-behavior-y
。该属性采用三个可能的值:
默认情况下,当到达页面的顶部或底部(或其他滚动区域)时,移动浏览器倾向于提供“反弹”效果甚至页面刷新。您可能还注意到,当您在滚动内容页面顶部有一个带有滚动内容的对话框时,一旦达到对话框的滚动限制,底层页面将开始滚动,这称为位移链接。
Android原生Chrome刷新动作刷新整个页面
在某些情况下,这些行为是不可取的。它可以用来
overscroll-behavior
摆脱不需要的滚动链接和“拉动刷新”类型的行为,这些行为受浏览器的 Facebook/Twitter 应用程序的启发。重要提示:
overscroll-behavior
需要 Chrome 63+。它正在开发中或被其他浏览器考虑。有关详细信息,请参阅chromestatus.com。资料来源:
https://developers.google.com/web/updates/2017/11/overscroll-behavior
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior