程序员经验分享-hwhale

有没有办法设置 iOS Safari 过度滚动/弹性滚动区域的样式？

2024-04-30

在 iOS Safari 中，当您滚动到网页底部时，您可以通过尝试再次滚动来将页面“抬起”。我认为这是为了向用户保证他们已经到达页面末尾。默认情况下，该区域是空的、白色的。有没有办法用 CSS 来设置这个区域的样式？我想添加背景图片，只是为了增加风格。当其他人都在问如何防止过度滚动时，我想知道我是否真的可以将它用于某些用途。

我尝试将背景图像添加到正文标记并将其固定到底部，但通过过度滚动看不到它。我觉得这可能是不可能的，因为它是 Safari 本身的一部分，并且网页（及其控制）已经结束。


我知道这是一个老话题，但它仍然出现在我的搜索结果中。

截至最近，Safari 为此使用“主题颜色”元标记。

例如，如果您使用多个主题：

  <meta name="theme-color" content="#f6f8fa" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#161b22" media="(prefers-color-scheme: dark)">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

safari

webkit

有没有办法设置 iOS Safari 过度滚动/弹性滚动区域的样式？ 的相关文章

  • ::after 内联 HTML 电子邮件？

    banner width 34px height 52px position relative color white font size 11px letter spacing 0 2em text align center float

  • 使用 jQuery 更改 CSS 类属性

    有没有办法使用 jQuery 更改 CSS 类的属性 而不是元素属性 这是一个实际的例子 我有一个 div 类red red background red 我想转班级red背景属性 而不是具有类的元素red分配的背景 如果我用 jQuery

  • Highcharts - 使用选定的饼图切片获得 3D 效果

    在 highcharts 中 我试图使当用户选择或将鼠标悬停在饼图的切片上时 该切片会产生沿 z 轴 朝向用户 上升的效果 我试图通过 css 设置阴影过滤器并使切片的边框更宽 填充颜色相同 来实现此目的 然而 我面临的问题是切片仍然可以位

  • 底部带有三角形的 div 和背景图像

    我想做一个div 有一个底部的三角形 但我需要三角形上的背景图像为了出现 我尝试使用伪元素 after 但它不起作用 homebg after content position absolute top 100 left 0 right 0

  • 哪种 Javascript 解决方案（不是 .htc）可以真正在 IE7 和 8 中实现抗锯齿圆角？

    哪种 JavaScript 解决方案 不是 htc 确实可以在 IE7 和 8 中实现抗锯齿圆角CSS3在支持的浏览器中给出 我尝试了很多 http www ruzee com blog ruzeeborders http www ruze

  • 如何设置必须输入特定数字的字段？

    我想知道如何创建一个需要输入特定数字或文本的字段 例如 激活码 以及在输入的确认答案的情况下移动到 网页 并且在未确认的情况下移动到 另一页面 的按钮 使用必需的属性

  • 网格布局：创建 CSS，以便元素在调整相邻元素大小时保持位置

    我想在网格布局中构建一个简单的图像库 并且我正在使用类似的东西悬停时缩放 http www javascript fx com navigation imagezoom general help help html缩放悬停图像 但我宁愿使用

  • rvest 和 NHL 统计数据的 CSS 选择器问题

    我想从 hockey reference com 中抓取数据 特别是从以下链接中抓取数据 https www hockey reference com leagues NHL 1991 html https www hockey refer

  • 使用 CSS Grid，从任何地方滚动 div（不使用 jQuery 插件）

    div 怎样才能 scroll content https jsfiddle net blehmanade x1k3rhj7 33 可以从页面上的任何位置滚动吗 现在 scroll content仅当鼠标位于其上方时才可滚动 但是 当鼠标位

  • 伪元素和 SELECT 标签

    是否select标签允许使用 after选择器是为了在之后创建一个伪元素吗 我在 Mac 上尝试过 Chrome Safari 和 Firefox 但似乎不起作用 这是我使用过的折衷方案 http jsfiddle net pht9d295

  • 简单的html css块结构，不能对内容div使用-headerHeight底部边距来避免滚动条吗？

    以下是我的简单 html css 结构

  • HTML 分页

    有没有html分页的开源项目 我正在为 iPhone 开发一个应用程序 我想在 UIWebView 上显示 HTML 文件 并且不希望用户向下滚动以查看屏幕上未显示的剩余内容 我想在第二个 UIWebView 上显示剩余的内容 我怎样才能做

  • grid-auto-columns 在 Firefox 中不能完全工作

    我不明白为什么 DIV 3 的大小与 DIV 1 DIV 2 的大小不同 https codepen io anon pen vaVqPW https codepen io anon pen vaVqPW grid display grid

  • 如何防止 CFDocument 中的内容中间发生分页？

    我使用 cfdocument 标签从 html css 动态生成 PDF 文件 有些内容块我不想跨越多个页面 经过一番搜索后 我发现根据文档支持 page break inside 样式 然而 在我的测试中 声明 page break in

  • 样式标签中的源映射是否有效？

    我在标签和源映射中遇到 CSS 问题 为了缩短项目的加载时间 我改变了将 CSS 放入 HTML 的方式 将其改为 h1 Source maps working wonderfully h1 进入这个

  • 如何向 Rails 应用程序添加自定义字体？

    我想在 RoR 应用程序中使用几种字体 但它们的格式主要是 ttf 和 otf 等 我该如何将这些文件嵌入到我的 Rails 应用程序中 也就是说 一旦我将它们放入我的资产文件夹中 将它们嵌入我的 CSS 和 或 LESS 文件中的语法到底

  • html css 下拉菜单

    这是我第一次在 Stack Overflow 上发帖 我不熟悉论坛发帖规定 所以请让我知道我做错了什么 我在论坛中研究过这个问题 但我所遇到的一切都没有给我明确的答案 我试图从 新闻 元素创建一个下拉菜单 但在运行代码时我从未得到任何可见的

  • 使用@font-face时浏览器下载什么字体

    font face 有点令人困惑 因为所有浏览器都无法决定使用哪种文件格式 下面是我目前正在使用的向网站添加 1 个新字体的方法 您可以看到有 4 个单独的字体文件 我知道每个文件都是因为某些浏览器支持不同的格式 但浏览器是下载所有文件还是

  • 如何让div与包含td的高度相匹配？

    我沿着桌子的一排布置了三个 面板 一个比另外两个高 我希望所有三个面板都与最高的一个的高度相匹配 我尝试将 div 的样式设置为 height 100 但是即使包含的 tds 增长 短面板仍然很短 我的 HTML 是由 JSF 生成的 因此

  • 在 HTML5 iOS 7 / iOS 8 中显示十进制键盘

    经过几个小时的搜索后 我只是有一个简单的问题 是否有可能在网络浏览器输入字段中显示小数键盘 input type number 只显示数字 但我需要在左下角使用逗号或点 我尝试过任何事情 pattern step等等 但没有显示十进制键盘

随机推荐

  • 从 php 脚本返回 JSON 对象

    我正在做一个AJAXGET使用 jQuery 向 PHP 文件发出请求 我希望 PHP 脚本返回一个 JSON 对象 但是目前它返回一个 JSON 字符串 我意识到我可以使用JSON parse然而 在 jQuery 代码中 我对 API

  • DotNet Core Azure 搜索 SDK - 过滤结果

    我们正在尝试将筛选器功能实现到 Azure 认知 搜索中 我希望找到一些不错的 SDK 方法来隐藏所有丑陋的部分 但到目前为止我发现的唯一示例如下 source https learn microsoft com en us azure s

  • 如何使用 Dplyr 的 Summarize 和 which() 查找最小/最大值

    我有以下数据 Name lt c Sam Sarah Jim Fred James Sally Andrew John Mairin Kate Sasha Ray Ed Age lt c 22 12 31 35 58 82 17 34 12

  • 如何动态更改 ResourceDictionary

    我需要改变ResourceDictionary in App xaml动态文件 我尝试过以下代码 ResourceDictionary newRes new ResourceDictionary newRes Source new Uri

  • mypy 如何忽略源文件中的一行？

    我在用着mypy http mypy lang org 在我的 python 项目中进行类型检查 我还使用 PyYAML 来读取和写入项目配置文件 不幸的是 当使用PyYAML 文档中推荐的导入机制 http pyyaml org wiki

  • Peek/Pop 预览忽略集合视图中的单元格角半径

    我已将 3D Touch Peek Pop 功能添加到我的集合视图单元格中 效果很好 但我注意到预览框架不考虑单元格的角半径 这是我的预览功能 func previewingContext previewingContext UIViewC

  • 将 OneClassSVM 与 GridSearchCV 结合使用

    我正在尝试在 OneClassSVM 上执行 GridSearchCV 函数 但我似乎无法找到 OCSVM 的正确评分方法 根据我收集的信息 像 OneClassSVM score 这样的东西不存在 因此 GridSearchCV 中没有所

  • 我在“宝石列表”中看到宝石，但“没有要加载的文件”

    我是Ubuntu10 sudo apt get install ruby1 9 1 full 然后下载 ruby gem 1 3 7 的源并安装它 sudo ruby setup rb 然后 例如 安装 sinatra sudo gem i

  • ActiveRecord 上的 setter 覆盖问题

    这不完全是一个问题 而是关于我如何解决问题的报告write attribute当属性是一个对象时 在 Rails 上Active Record 我希望这对面临同样问题的其他人有用 让我用一个例子来解释一下 假设你有两个班级 Book and

  • 支持引号的 XML 转义字符串的静态 python 方法

    我有一个同时包含 XML 转义字符和非转义字符的字符串 并且我需要它 100 XML 有效 例如 gt gt gt s lt lt 我希望这是 gt gt gt s lt lt 我已经尝试了多种方法 例如 lxml cgi 等 但它们都希望

  • 为什么Java中的实例变量总是私有的？

    我是 Java 新手 正在学习封装 并看到了一个实例变量在类中声明为私有的示例 http www tutorialspoint com java java encapsulation htm http www tutorialspoint

  • 推送到 Git (GitLab) 时出现错误 401

    我收到错误 Total 4 delta 2 reused 0 delta 0 error RPC failed result 22 HTTP code 401 当推送到 GitLab 上的 git 存储库时 它曾经有效 我遇到了同样的问题

  • 获取facebook更改后的facebook用户个人资料图片（10月24日）

    所以facebook改变了网站获取用户个人资料图片的方式 所有细节都在这里 https developers facebook com docs graph api reference user picture https develope

  • Gearman 工作状态问题

    我有一台 Gearman 服务器正在运行一个需要几分钟才能完成的进程 我正在运行一个进度条来显示完成情况 并尝试使用 Gearman PHP 扩展和 jobStatus 函数获取进度条的百分比 该作业肯定处于活动状态并已找到 因为前两个字段

  • 如何获取 docker run -i 的输出

    docker run通常返回其运行的命令的输出 我需要将一些数据传递给 docker 运行处理数据的命令 然后返回输出 当我使用 i选项 不返回任何输出 考虑这个简单的例子 echo hello docker run i base wc 它

  • 即使通过Javascript代码检查，如何触发复选框点击事件？

    我的页面中有很多复选框 并且有一个全选复选框可以检查所有复选框 不知何故 我想模拟复选框的单击事件 即使它是通过全选按钮选中 取消选中的 我该怎么做 您可以使用 jQuery trigger 方法 看http api jquery com

  • 下拉列表文本在 IE8 中不可见

    由于某种原因 我的 DDL 选项在 IE8 中都是不可见的 它们显然在那里 因为列表有 127 个选项 但文本是不可见的 在 Firefox 中一切都显示良好 我什至尝试在选择上放置内联样式 并将颜色设置为黑色 重要 当我使用 Firebu

  • 如何修复 git 中的“警告：忽略名称损坏的引用”？

    我正在 OSX 上工作 在特定的存储库中 每当我在输入 git 命令后按 Tab 键自动完成 git diff clicks tab 我现在看到大量警告 warning ignoring ref with broken name refs

  • Python，Tkinter：如何使用线程防止 tkinter gui 主循环崩溃

    嗨 我有一个小的 python gui 界面 有两个按钮 开始 启动计数器 和停止 假设停止计数器 计数器是一个无限循环 因为我不希望它结束 除非第二个按钮是点击 问题是当第一个按钮的功能仍在运行时无法单击第二个按钮 我读到我需要使用线程并

  • 有没有办法设置 iOS Safari 过度滚动/弹性滚动区域的样式？

    在 iOS Safari 中 当您滚动到网页底部时 您可以通过尝试再次滚动来将页面 抬起 我认为这是为了向用户保证他们已经到达页面末尾 默认情况下 该区域是空的 白色的 有没有办法用 CSS 来设置这个区域的样式 我想添加背景图片 只是为了

热门标签