只有在滚动或切换到其他选项卡并返回iOS Safari后，才会显示文本
。这是因为iOS Safari浏览器在处理页面滚动和选项卡切换时，会对页面进行优化，以提高性能和节省资源。在滚动或切换到其他选项卡时，浏览器会暂停渲染页面，以减少CPU和GPU的使用。当再次返回到iOS Safari时，浏览器会重新渲染页面，这时文本才会显示出来。
这个问题可能与iOS Safari的渲染机制有关。iOS Safari使用了一种称为"渲染树的延迟加载"的技术，即只有当元素进入可视区域时才会进行渲染。这样可以减少不必要的渲染，提高页面加载速度和性能。当滚动或切换到其他选项卡时，页面中的文本可能不在可视区域内，因此不会被渲染和显示出来。当再次返回到iOS Safari时，浏览器会重新计算可视区域，并对需要显示的文本进行渲染。
为了解决这个问题，可以尝试以下方法：
- 使用CSS属性
will-change: transform来提前告知浏览器元素将要进行变换，以便浏览器提前进行渲染。 - 使用JavaScript的
requestAnimationFrame方法来延迟加载文本，以确保在滚动或切换选项卡后再进行渲染。 - 将文本内容放在可视区域内，或者使用
overflow: scroll属性来创建一个可滚动的容器，以确保文本在页面加载时就被渲染出来。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/vr
相关·内容
1回答
只有在滚动或切换到其他选项卡并返回iOS Safari后，才会显示文本
html、css、ios、text、safari
我发现了一个问题，文本只有在将HTML元素滚动出视区或切换到另一个选项卡后才会显示。同样的问题也发生在WKWebView中。有没有办法防止这个问题的发生？这些部分可以水平滚动。不确定这是否相关，但我发现非常奇怪的是，Safari不渲染视口中的文本。 在附图中，您可以看到在EU、UK和US下面有空行。 任何建议都是值得欣赏的。 -
浏览 26提问于2021-07-03得票数 0
6回答
如何在iOS上的Safari中滚动时监控滚动位置？
javascript、ios、safari、dom-events、parallax
我目前使用$(window).bind('scroll', foo);来监控$(window).scrollTop()，并做一些创建视差效果的工作。在所有桌面浏览器中，用户滚动的每个像素都会调用foo()，一切都很棒。在iOS上的Safari中，只有在滚动完成后才会触发scroll事件。我添加了$(window).bind('touchmove', foo);
浏览 14提问于2012-02-10得票数 26
3回答
仅在iOS上选择<input>时键盘不显示
javascript、jquery
对于我网站上的特定字段，当在Safari iOS上运行它时，键盘不会显示在我的网站上。它可以在网络和Android chrome上运行。只有当我在safari上选择多选项卡按钮，并再次返回网站时，键盘才会出现。然后，当我选择该字段时，键盘将显示出来。 当我选择改变键盘输入行为的多选项卡按钮时，会有哪些改变？readonly
onfocus="this.re
浏览 66提问于2020-01-10得票数 3
回答已采纳
2回答
在ios7狩猎景观上骑上底部和顶部的触觉区
javascript、html、ios、css、ios7
我正在开发一个为iOS7优化的站点。我发现，在safari移动平台上，当方向改变为景观时，站点会转到全屏，但是浏览器会阻塞视图的高度和宽度、顶部和底部的一些像素。任何触摸或点击事件在该地区将不会做我们希望它做，但它只是从全屏幕视图和触发浏览器选项。
2.这是第二张图片，我们点击“什么是推特”就可以看到这个视图，
有什么办法可以让我们骑过水龙头吗？
浏览 4提问于2013-11-07得票数 13
3回答
带验证的TextBox在选项卡更改时丢失ErrorTemplate
wpf、validation、errortemplate
我在TabControl的选项卡上有一个带有验证规则的TextBox。当验证规则失败时，默认ErrorTemplate会正确显示(TextBox周围的红色边框)。但是，如果切换到另一个选项卡，然后使用TextBox返回到该选项卡，则ErrorTemplate高亮显示将消失。如果TextBox中有更改，验证规则仍然会被调用并返回false，但是仍然不会显示突出显示的错误。
只
浏览 5提问于2012-03-28得票数 38
回答已采纳
2回答
-scrollRangeToVisible:在iOS 7中不考虑键盘大小
ios、objective-c、uitextview、ios7
在iOS 6中，文本视图滚动到键盘上方显示指定的范围。
从视觉上看，这是正在发生的事情。我为文本视图构建了一个内联搜索，并使用控件在结果之
浏览 2提问于2013-09-26得票数 7
回答已采纳
4回答
当控件添加到窗体时，C#应用程序外接程序(通过COM)冻结？
c#、.net、winapi、com
基本上，如果我切换到Ololo选项卡，然后返回到其他3个选项卡(Attributes、Drawing或Services)中的任何一个，那么应用程序就会冻结。我也知道冻结发生在一些非托管代码块中。因此，如果最近构造的表单上没有控件(按钮或任何其他控件)，它就不会冻结。以下是冻结前Spy++窗口上的Ololo日志(最后一条消息是应用程序被冻结后的WM_CTLCOLORBTN )：
只有
浏览 4提问于2012-01-05得票数 8
回答已采纳
1回答
在iOS中滚动<div>会导致div空白
ios、html、cordova
我正在尝试处理一个很长的<div>列表，并在导航关闭和返回后保持列表中的滚动位置。--除了在WebView中的iOS上(Safari运行得很好)。在其他浏览器中，将显示该列表，并在初始渲染后移动滚动位置。指针重置，一切正常。然而，在iOS 8上，无论是在Safari中还是在Cordova中的Web View中，div
浏览 0提问于2015-07-01得票数 5
1回答
魔术鼠标滚动在水平滚动后停止工作
macos、scroll、horizontal-scrolling、magic-mouse
有时，当我使用魔术鼠标在应用程序中水平滚动时，我正在滚动的当前选项卡或页面会冻结，而在该应用程序中，滚动完全不起作用。例如，如果我使用Safari并水平滚动以返回到上一个链接，则当前选项卡将冻结，并停留在动画的中间。如果我关闭冻结的选项卡，其他选项卡可以正常工作，但我不能在它们中垂直或水平滚动
浏览 3提问于2013-09-22得票数 1
1回答
CSS定位问题:固定在iOS 9 iPhone 6+中的景观模式
ios、css、media-queries、iphone-6-plus
在以下情况下，我发现了固定标题中的一个奇怪问题：
但是当您向上滚动并将页面向下拉下并发布时，页眉在页面上仍然是可见的，但实际上它是在视口下面移动的(请参见web检查器没有突出显示它
浏览 6提问于2016-02-22得票数 6
1回答
关闭弹出窗口后刷新页面内容。离子3
javascript、angular、typescript、ionic-framework、ionic3
我有一个包含4个选项卡的应用程序选项卡，每个选项卡根据配置显示一些数据。页面有一个页眉，其中包含一个带有设置选项的popover组件。用户在设置上设置了一些配置并返回到某个选项卡页后，该页必须刷新内容。我正在使用ionViewDidEnter或ionViewWillEnter生命周期事件，并检查之前的设置是否已更改，但只有当我切换到其他选
浏览 1提问于2018-08-01得票数 2
回答已采纳
5回答
Safari扩展应用程序未显示在Safari首选项扩展选项卡中
safari、macos-high-sierra、macos-app-extension
在运行Safari target之后，我打开了FirstSafariExtensionApp preferences Extensions选项卡，但在左侧窗格中找不到My Extension。我拥有Apple Developer成员资格，并在KeyChain中安装了Mac Developer和Safari Extension Developer证书。如何让我的第一个safari扩展应用正常工作？
浏览 5提问于2017-09-20得票数 3
2回答
在Safari 12扩展Popover中访问当前页面信息
swift、safari、safari-extension、sfsafariviewcontroller
我正在尝试将active选项卡的页面信息显示在弹出窗口中。我能够让它显示当前页面的URL或标题，但它需要打开和关闭扩展弹出两次。self.ActivePageTitle.stringValue = self.pageTitle })}
当您第一次打开弹出时，它会显示一个空白的文本区域，但是第二次它将载入之前的信息，并正确地显示它。我尝试过在viewDidL
浏览 0提问于2019-04-13得票数 2
回答已采纳
1回答
在iOS Safari上，在改变方向后，window.scrollTo无法工作
javascript、ios、mobile-safari
简而言之：：是否有办法立即改变滚动位置，并避免问题时，用户可以看到旧的滚动位置片刻后，改变方向？如果你来回切换方向，iOS和安卓都会保持滚动位置，但前提是你不滚动屏幕
浏览 9提问于2016-07-01得票数 3
1回答
AJAX加载的内容不显示(Bug仅在iOS/Safari中出现，chrome/Android工作正常)
angularjs、ionic
如果我最初打开任何一个选项卡(就像从地址栏导航到它一样)，它们都可以工作。但是如果我在Home选项卡上切换到Search选项卡，ion-list就不会出现。它们只是因为某些原因而不能直观地出现(元素的大小和宽度都为0，就像它们是空的一样)
如果我在桌面上调整Safari窗口的大小，内容会突然完美地显示出来。同样，如果我从一个选项卡开始，切换到另一个选项卡，然后切换回来，内容也会完美地显示</
浏览 4提问于2015-12-15得票数 0
1回答
在Android4.4.4上使用webview中的内容可编辑标记跳转光标
android、html、webview、cursor、contenteditable
创建一个webview并放入以下html代码
浏览 1提问于2014-08-19得票数 3
1回答
仅在iOS上，粘滞的表头在滚动后松开
html、ios、css、angular、ipad
所有这些都是可滚动的，带有粘性标题。Chrome和Edge测试)上，这是预期的；当数据滚动时，标题保持在表格顶部可见。但在iPad ( Safari和Chrome)上，它们只有在我滚动过一个完整的表视图(即，如果表一次显示10行，直到我滚动到恰好10行)时才会粘滞。然后，它们松开并滚动离开顶部和其他较高的行。当我向下滚动时，它们会重新出现在同一位
浏览 0提问于2019-03-28得票数 0
2回答
IOS 7.1中的UISegmentedControl Buggy颜色
objective-c、uisegmentedcontrol、uiappearance、tintcolor
当使用外观API设置UISegmentedControl的颜色时，每个未选定段中的文本的颜色只在切换选项卡后才会采用UILabel的颜色。用于测试此功能的示例程序(下面的屏幕截图)：
切换到第二个选项卡，一切都还好。切换回第一个选项卡，您将看到分段已经更改为红色而不是蓝色，就像它们应该的那样。应用程序
浏览 4提问于2014-04-01得票数 1
回答已采纳
1回答
在ajax回调中调用引导模式显示(safari)
javascript、jquery、ruby-on-rails、ajax、twitter-bootstrap
此外，我尝试调用模式(‘show’)控制台，它确实显示弹出窗口。此外，我尝试调用弹出文件加载，然后也模式弹出工作。
只显示背景，但不显示模态。模式显示后，我点击任何地方的背景。该时间背景被关闭并显示模式弹出。只有当safar
浏览 4提问于2015-03-03得票数 1
2回答
在移动safari中滚动动画
jquery、css、mobile、css-transitions、fixed
标题在scroll上添加了一个类" small“，并将徽标从大图像更改为小图像，并使用CSS3转换来实现平滑过渡。我遇到的问题是在使用Safari或Chrome的iOS上，当我滚动时，只有在手指松开后才会出现动画，这使得用户体验很糟糕。有没有一种方法可以检测滚动手势，以便在滚动视口时，它会根据速度进行动画处理？
浏览 1提问于2013-12-02得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
