在桌面 Firefox 上添加橡皮筋弹跳滚动

问题描述 投票:0回答:1

有关过度滚动的问题通常会询问如何在移动网页上“禁用”它。我想做相反的事情:在桌面上浏览时在所有网页上创建橡皮筋效果。我使用空格键、向下翻页或鼠标滚轮进行滚动。 我尝试了 html { overscroll-behavior: contains;在 Firefox 上溢出:滚动}。不知道还能做什么。

javascript css firefox scroll
1个回答
0
投票

在网页的 body 标签上使用 CSS 属性“overflow:scroll;”。这将启用水平和垂直滚动。

应用 CSS 属性 “overscroll-behavior:contain;”到body标签。此属性控制用户尝试滚动超出内容边界时的行为。

以下是如何应用这些 CSS 属性来实现所需效果的示例:

CSS 复制 身体 { 溢出:滚动; 滚动 - 行为:包含。 } 确保将 CSS 属性应用到 CSS 文件或样式部分中适当的选择器。

值得讨论的是,不同浏览器和平台的过度滚动行为可能会有所不同。虽然现代浏览器支持“滚动行为”,但并非所有浏览器都支持它,并且行为可能有所不同。因此,有必要在不同的浏览器上测试您的实现,以确保结果一致。

如果上述方法不能按预期工作,您可以考虑使用 JavaScript 来处理滚动行为。通过检测滚动事件并调整滚动位置,您可以创建自定义橡皮筋效果。但是,请记住,这种方法可能需要更高级的编码,并且可能不像使用 CSS 属性那么简单。

我希望这可以帮助您在桌面上浏览时在网页上实现所需的橡皮筋效果。

© www.soinside.com 2019 - 2024. All rights reserved.