在移动设备中使用固定背景图像滚动时出现滞后

2024-04-13

我想要一个具有固定背景图像(大约 46k)的网站,该图像可以在我的 PC 浏览器上运行。

然而,当在我的移动浏览器上滚动时,重绘背景图像需要大约一秒钟的时间。

有什么想法可以解决这个问题吗?谢谢

这是我的CSS:

html, body {
    background: url('/assets/img/bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

您可以使用以下命令在移动设备上实现平滑的固定背景skrollr库 (适用于移动设备的演示页面 http://prinzhorn.github.io/skrollr/).

(一个已知的问题是,固定定位的元素还不能在所有流行的移动设备上正常工作。请参阅此表了解哪些设备支持固定定位 http://caniuse.com/css-fixed.)

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

在移动设备中使用固定背景图像滚动时出现滞后 的相关文章

  • bootstrap navbar-static-top 菜单分成两行

    我遇到了引导导航栏的问题 我使用 navbar static top 制作了菜单 起初一切都很好 当菜单被展开并添加了一些项目时 现在随着折叠之前的宽度 它扩展到两行 看起来很糟糕 在 CSS bootstrap 中进行了更深入的挖掘 但没
  • 简单的 svg css 进度圈

    我正在尝试寻找一种方法来实现没有动画的简单进度圈 静态 我发现的示例具有非常不同的百分比偏移量 如下例所示 如何以这样的方式制作进度圈 如果我提供偏移量为 50 那么它恰好是 50 半填充 u absoluteCenter position
  • 如何为文本添加发光效果?

    我还没有真正找到任何好的简单的动画发光效果教程 如何为文本设置发光动画 如果您只想使用 CSS3 您甚至不必使用任何 jQuery JavaScript 只需在 CSS 中执行以下操作 confirm selection webkit tr
  • SVG - 可以在一侧添加笔画破折号渐变或透明形式

    我创建了一个 SVG 动画 在其中允许中风虚线阵列移动 我是否可以在中风破折号数组的尾部添加渐变并保持一侧透明 如示例中所示 svg main width 700px margin 30px auto position relative s
  • 将鼠标悬停在一个伪元素上时,使另一个伪元素出现吗?

    我试图生成一个屏幕 其中利用 before and after伪元素 但我想知道这样的功能是否真的可行 我有一个包装 div 它包裹在输入周围 允许pseudo element在此包装纸上 就像是 lt wrapper div lt inp
  • 如何重定向到WEB-INF文件夹中的JSP

    我有一个带有 NAV 的 jsp 其中还包含 UL 和以下元素 如下面的代码所示
  • 如何在 Angular JS 应用程序中使用 ckeditor? [复制]

    这个问题在这里已经有答案了 我是 angularJS 新手 我需要在我的应用程序中使用 ckeditor 作为文本区域 在我在 Angular 应用程序上尝试之前 我已经完成了一个 仅 html 网页 我已经生成了我的 ckeditor 包
  • window.alert() 之后无法编辑输入文本字段

    我有这个 Electron 应用程序 使用 NodeJS Bootstrap AngularJS 其中包含一些可以编辑的文本输入字段 我有一个触发 window alert 的按钮 触发后 文本输入字段将不再可编辑 单击应用程序的其他元素不
  • HTML/PHP 中的 POST 和 GET 有什么区别[重复]

    这个问题在这里已经有答案了 我正在编写一个 PHP 脚本 但我似乎无法真正让它工作 我正在测试基础知识 但我不太明白 GET 和 POST 意味着什么 有什么区别 我在网上看到的所有定义对我来说没有多大意义 到目前为止我编写的代码 但由于我
  • 发送带有附件的 PHP HTML 邮件

    我遇到了一个问题 直到今天 我使用 PHP 发送 HTML 电子邮件 其中包含的标头 Content type text html 现在 我添加了添加附件的功能 为此 我必须将此行更改为 Content Type multipart mix
  • Bootstrap 切换导航项在单击后保持打开状态

    我有简单的 Bootstrap 3 切换导航 ul class nav navmenu nav clearfix li class navmenu brand dropdown clearfix a href class dropdown
  • 如何使用c#获取服务器端元素的innerhtml(内部有另一个服务器端控件)

    如何使用c 获取服务器端元素的innerhtml 内部有另一个服务器端控件 或者使用 Visual Studio 2010 设计电子邮件正文的最佳方法是什么 我有一些 C 代码用于发送电子邮件 支持 html 正文 所以我正在寻找一种逃避硬
  • 在 jQuery 中,如果我有一个开始类和结束类,我如何用 div 包装多个元素

    好的 这里有一些 html 我有一些开始和结束课程 但为此我只添加了每门课程 1 门 div span nbsp span div div span nbsp span div div class start lt start span n
  • 2 个单词之间有空格 CSS

    我想在 css 中的 2 个单词之间添加一个空格 例如 1 RUNNING DAYS email protected cdn cgi l email protection 在 HTML 中有 nbsp nbsp但使用不正确 nbsp我认为
  • 如何在一个元素上实现多个 CSS 过渡?

    这是一个非常简单的问题 但我找不到关于 CSS 转换属性的很好的文档 这是 CSS 片段 nav a text transform uppercase text decoration none color d3d3d3 line heigh
  • Web 动画 API - 不同的动画持续时间?

    我正在尝试 Web Animations API 该 API 目前仅适用于 Webkit 浏览器 可以想象 文档有点稀疏 这是我在上面找到的一篇博客文章 http updates html5rocks com 2014 05 Web Ani
  • 通过使用 Jquery 添加类来触发 CSS3 转换

    目前我有一个正在运行的小提琴 当我向它添加一个类时 我试图让 css3 不透明过渡触发 基本设置是我单击一个按钮 然后通过 jquery 添加一个 div 到 dom 然后将该元素添加到 dom 然后向其中添加一个类 向该新 dom 元素添
  • 图像右边缘淡入/模糊 CSS

    我有一个简单的 CSS 相关问题 如何获得如图所示的右端模糊 淡入淡出 两种方法 让我们这样做 1 使用盒子阴影 浏览器兼容性 IE 9 为盒子阴影 http caniuse com feat css boxshadow 放置适当box s
  • 在引导折叠手风琴中显示部分文本

    我想替换一个允许用户使用 Bootstrap 折叠手风琴 阅读更多内容 的脚本 我的问题是 据我所知 手风琴要么打开 要么关闭 有谁知道在关闭模式下显示一些文本的选项 在我现在使用的脚本中 我可以通过更改文本区域的高度来使一些文本可见 但在
  • Jquery 脚本可以在 JSfiddle 中运行,但不能在 html 页面上运行

    我创建了一个JSFiddle http jsfiddle net defjam64 w4sGZ 4 其按预期工作 Jquery script function icon hover gcp icon hover function gcp i

随机推荐

  • 使用反应登录表单在 Spring Boot 中对用户进行身份验证

    我已将 spring security 添加到我的项目中 并且正在尝试进行用户身份验证 我正在使用 CrudRepository 来查找用户并验证详细信息是否正确 我已经能够使用开箱即用的弹簧登录页面让它工作 我的问题是我想通过我的反应登录
  • 如何实现带有可折叠搜索栏的 SliverAppBar

    这就是我想做的 https i stack imgur com f9SYe jpg 这是 iOS 上非常常见的 Widget 这是我的代码 return Scaffold backgroundColor Colors white body
  • 将 CMake 与具有钻石依赖项的库一起使用

    假设我有四个独立的项目 三是图书馆 Common Foo and Bar 其中之一是可执行文件 App Both Foo and Bar依赖于公共库 并且App依赖于取决于Foo and Bar 此外 其中一些项目有一些脚本需要运行来生成一
  • Linux - 嵌套中断[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 Linux 是否使用嵌套中断 我的意思是 例如 当从任何设备提供中断服务时 可以允许在此例程中进一步中断吗 或者它涉及上半部和下半部 ED
  • '\b' 不会在 PyCharm 控制台中打印退格键

    我正在尝试更新 PyCharm 控制台中的最后一行 说吧 我打印a然后我想把它改成c 但是 我遇到了以下问题 当我跑步时 print a bc 它打印 a c 而所需的输出 这也是我在 Windows 控制台中看到的 是 c 有没有办法将光
  • 使用 istream::seekg 太贵了吗?

    在c 中 使用istream seekg操作的成本有多高 编辑 我可以通过查找文件和读取字节来逃脱多少惩罚 频率与偏移量的关系如何 我正在解析一个大文件 4GB 我想知道是否有必要尝试合并我的一些搜索调用 我认为文件位置差异的大小起着一定的
  • Oracle 中的子字符串索引

    我刚刚发现我们现在的数据库设计效率有点低SELECT我们执行最多的查询 IBAN 是根据国家特定格式的位置坐标 因为我们主要是表演JOINs and WHERE在某些表中 IBAN 列的精确子字符串上 我的问题是关于为列的子字符串分配索引
  • 如何关闭 Netty 库调试输出?

    我正在使用 Netty 通过 Ning async HTTPlibrary http www ning com code 2010 03 introducing nings asynchronous http client library
  • 使用自定义架构重定向到外部 URL

    我有 Asp net MVC4 项目 如果调用指定的操作 我想重定向到外部 url URL 应该有自定义架构 例如没有http but myschema 我知道要重定向到 google com 我可以使用return Redirect ht
  • CMake 目标取决于已安装的目标

    我已经搜索过这个 但也许我使用了错误的措辞 我希望在安装另一个目标后构建一个 CMake 目标 举一个具体的例子 我希望我的测试包含库版本并与其链接 其目录结构类似于实际安装 目录结构 project lib first library h
  • 在 Python 3.6+ 中按值对字典进行排序

    我一直在寻找一种用Python中的值对字典进行排序的方法 经过几次尝试 结果如下 a
  • 与 Derby 有其他连接(只读)

    我想要做什么 我的应用程序与 Derby DB 具有完整连接 并且我想并行地浏览数据库 只读 使用不同的工具 我不确定 Derby 在内部实际上是如何工作的 但我知道我只能有 1 个到 Derby DB 的活动连接 但是 由于数据库仅由硬盘
  • 仅包含 1 个数字的示例[重复]

    这个问题在这里已经有答案了 我正在尝试创建一些模拟数据 为了创建聚类数据 我已指定处方者是否在一个或多个本地卫生区域 LHA 工作 现在 我正在尝试根据患者的 LHA 为患者指定一名处方医生 其代码位于以下代码块中 for i in seq
  • 从 XML 创建实体

    我有以下 XML 结构
  • Django 中的脏字段

    在我的应用程序中 我需要在保存模型时保存更改的值 旧的和新的 有示例或工作代码吗 我需要这个来预先审核内容 例如 如果用户更改了模型中的某些内容 那么管理员可以在单独的表中查看所有更改 然后决定是否应用它们 我发现阿明的想法非常有用 这是我
  • Underscore.js - 在嵌套 Json 中进行过滤

    我想获取所有值 其中category id 1 所以我应该得到 2 个结果 我的 JSON 看起来像这样 var test id 1 name name1 value value1 category id 1 name category1
  • 不同用户类型的 Firebase Auth

    我正在开发一个有两个应用程序的项目 一个用于 请求者 用户 一个用于 响应者 用户 并且我目前正在使用 Firebase 进行身份验证 用户使用电子邮件 密码组合登录 这是问题的根源 问题在于用户冲突 因为身份验证模块连接到 Firebas
  • 如何在 TinyMCE 4 中创建一个增加字体大小的按钮

    有没有人设法在 TinyMCE 4 中创建一个按钮 该按钮会将所选文本的字体大小增加 例如 1px 我遇到的问题是获取选定的文本 无论它是否已经在跨度中 我愿意修改TinyMCE源代码 感谢您的任何想法 你不需要修改源代码 你可以创建一个插
  • WooCommerce 仅显示已购买的商品

    所以我在网上查了很多资料 但找不到解决方案 基本上我想做的是显示用户在商店中购买的所有产品的产品循环 就像显示普通产品一样 如果你还是不明白 也许这会帮助你明白我的意思 这是 WooCommerce 文档中的示例产品循环 ul class
  • 在移动设备中使用固定背景图像滚动时出现滞后

    我想要一个具有固定背景图像 大约 46k 的网站 该图像可以在我的 PC 浏览器上运行 然而 当在我的移动浏览器上滚动时 重绘背景图像需要大约一秒钟的时间 有什么想法可以解决这个问题吗 谢谢 这是我的CSS html body backgr