CSS 滚动捕捉在到达顶部时溢出主体

2023-11-27

我有一个非常奇怪的问题。也许是一个错误scroll-snaps行为?

当我到达页面顶部并继续向上滚动时,如果我不再向下滚动,则正文会溢出并停留在那里。即使我重新加载页面。

仅在 Chrome for Mac(版本 75.0.3770.100(官方版本)(64 位))中进行,我在 Safari 和 Firefox 中进行了测试,两者似乎都表现正常。

在线复制

杰斯小提琴在这里但你不能在那里重现它。可能是因为它位于 iframe 内?

问题视频:

enter image description here


好吧,我寻找了类似的问题和解决方案,在修复了快速滚动的使用之后,可以添加以下内容:

html{
    height: 100%;
    overflow: hidden;
}
body{
    height: 100%;
    overflow: auto;
}

在某些情况下,这显然还不够,所以您还可以添加:

body{
    overscroll-behavior: none;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 滚动捕捉在到达顶部时溢出主体 的相关文章

随机推荐

  • 在R中显示UTF-8编码的汉字

    我尝试在 R 中打开包含 繁体 中文字符的 UTF 8 编码的 csv 文件 出于某种原因 R 有时将信息显示为中文字符 有时显示为 unicode 字符 例如 data lt read csv mydata csv encoding UT
  • 触发 Jenkins 基于新标签和提交构建

    我们正在使用 Git 插件 https wiki jenkins ci org display JENKINS Git Plugin 目前 只要将更改推送到 GitHub 我们就会通过 Webhooks 启动 Jenkins 构建 现在我们
  • 使用express.js进行路由-无法获取错误

    与 一起工作express js第一次 我坚持添加我的第一条路线 我的路线定义在app js像这样 app get user id photos function req res res send user req params id 然而
  • 阻止页面加载时触发 CSS 转换

    我遇到了 CSS 问题transition页面加载时触发属性 问题是当我应用color transition到一个元素 例如 transition color 2s 然后 当页面首次加载时 我的元素会从黑色闪烁到它自己指定的颜色 假设我有以
  • 如何在我的 Google Apps 脚本/Google 表格 HTML 中包含脚本?

    我无法让基于 Apps 脚本的 HTML 包含任何脚本 My doGet函数为HtmlService工作正常 function doGet return HtmlService createHtmlOutputFromFile myhtml
  • pylons mako如何检查变量是否存在

    在django中 我们可以这样做 views py def A request context test test return render to response index html context context instance
  • 为什么是这样:需要通过才能继续处理? [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 有人可以解释为什么else pass为了完成其余代码
  • 在对象初始值设定项中分配事件

    为什么不能在 C 中的对象初始值设定项中将事件与属性一起分配 这样做似乎是那么自然 var myObject new MyClass Property value Event1 actor or Event2 actor 还是有什么我不知道
  • 如何强制客户端刷新 JavaScript 文件?

    We are currently working in a private beta and so are still in the process of making fairly rapid changes although obvio
  • 最少登录插入

    我有一个INSERT该语句占用了大量日志空间 以至于在该语句完成之前硬盘驱动器实际上已被填满 问题是 我really不需要记录它 因为它只是中间数据上传步骤 为了论证的缘故 假设我有 表 A 初始上传表 使用填充bcp 所以没有日志记录问题
  • OmniAuth 不适用于 Rails3 中的路由通配

    我正在尝试遵循 Railscast 241简单的 OmniAuth除非我在末尾有路由通配 否则它工作得很好 config routes rb match uri gt posts index 如果我要求 auth twitter使用 glo
  • Paramiko 身份验证失败,并显示“同意​​‘rsa-sha2-512’公钥算法”(以及 sshd 日志中的“不支持的公钥算法:rsa-sha2-512”)

    我有一个在 CentOS Linux 7 7 上运行的 Python 3 应用程序 对远程主机执行 SSH 命令 它工作正常 但今天我在对 新 远程服务器 基于 RHEL 6 10 的服务器 执行命令时遇到了一个奇怪的错误 遇到 RSA 密
  • GraphQL:从同级解析器访问另一个解析器/字段输出

    需要一些帮助 假设我请求以下数据 parent obj1 value1 obj2 value2 我需要 value1 解析器中 value2 的结果进行计算 想过在 value2 中返回一个承诺并以某种方式将其放入 value1 解析器中
  • 限制未定义行为造成的混乱?

    据我从阅读中了解到 未定义行为是编译器在编译时留下几个不同的替代方案的结果 然而 这是否意味着如果遵循严格的编码实践 例如将每个赋值和每个相等放在单独的语句中 正确的调试和注释 那么在查找未定义的来源时就不应该造成重大问题 行为 此外 对于
  • VB.Net Webview2 如何获取html源代码?

    我在 VB net Visual Studio 2017 项目中成功在 WebView2 上显示网站 但无法获取 html 源代码 请告诉我如何获取 html 代码 My code Private Sub testbtn Click sen
  • 数据绑定到嵌套属性?

    我对 WPF 和 XAML 还很陌生 现在我已经被数据绑定困扰好几天了 我只是想将一些嵌套属性绑定到 TextBox 和 ListView 通过 XAML 但我做错了 这是我的示例代码 MainWindow xaml cs namespac
  • Firebase Deeplink 不调用 Swift 3 中 AppDelegate 的 application:continueUserActivity:restorationHandler 函数

    我正在使用 firebase Deeplink URL 打开我的应用程序的特定部分 当应用程序在后台运行时它运行良好 但是当我杀死应用程序并从外部单击深层链接 url 时 我不知道如何处理这种情况 我的意思是我应该在哪里编写条件以获取 ur
  • 如何检测并删除仅包含空值的列?

    在我的桌子上table1有 6 列位置 a b c d e Locations a b c d e 1 10 00 Null Null 20 00 Null 2 Null 30 00 Null Null Null 我需要这样的结果 Loca
  • JSP、GET 和 POST 参数

    我需要用JSP做一些小任务 对 JSP 很陌生 我想知道是否有可能只获得GET或仅POST来自 HTTP 请求的参数 我见过ServletRequest getParameter 和类似的 但似乎这些方法都得到了 GETand开机自检参数
  • CSS 滚动捕捉在到达顶部时溢出主体

    我有一个非常奇怪的问题 也许是一个错误scroll snaps行为 当我到达页面顶部并继续向上滚动时 如果我不再向下滚动 则正文会溢出并停留在那里 即使我重新加载页面 仅在 Chrome for Mac 版本 75 0 3770 100 官