iOS 15上safari地址栏的CSS问题

文章/答案/技术大牛

发布

1回答

scroll、modal-dialog、ios15

在将iphone更新到iOS 15后，我遇到了奇怪的问题。我有自定义模式，这是显示/隐藏只需添加CSS类。只要我显示modal (当地址栏可见时)并尝试在modal中滚动，这个modal就会关闭。但是当我第一次向下滚动页面(地址栏是隐藏的)，然后打开模式，我可以在模式中滚动没有问题。在modal中向上滚动时也会发生同样的情况。这意味着这个问题是由地址栏引起的</e

浏览 35提问于2021-10-09得票数 2

1回答

固定页面滚动

html、css、mobile、polymer

在iOS上，当您在上滚动时，Safari的地址栏的高度不会降低。但是，如果你在其他网站上滚动，Safari的地址栏就会缩小。在两个屏幕截图中滚动到页面底部，查看Safari地址栏中的高度差异。

浏览 3提问于2015-11-17得票数 1

回答已采纳

1回答

safari浏览器上的后退按钮不能正常工作iOS

ios、iphone、google-maps

我在我的应用程序中有一个功能，以显示谷歌方向，为此，我使用深度链接。如果iOS应用程序可用，它将打开应用程序，否则将在浏览器中打开。它工作正常，除了浏览器中的后退按钮。请解释可能的问题以及替代方案是什么。

浏览 2提问于2017-04-11得票数 0

1回答

iOS 15 Safari CSS

mobile-safari、ios15

我已经安装了iOS 15测试版，在新的Safari更新上查看我的网站，我看到顶部的标题显示的是灰色的标题，而不是透明的流在凹槽下面等。整个网站是纯白色和黑色文本，所以我希望状态栏是透明的和黑色的文本，使网站完美地融合在一起。black-translucent" /><meta name="theme-color" co

浏览 4提问于2021-06-13得票数 3

4回答

iOS 15 Safari浮动地址栏

css、ios、safari

在iOS 15中，Safari改变了地址栏的行为。它浮动在页面底部附近的某个位置。是否有指示器来检测地址栏，知道它何时存在并知道它的位置？

浏览 3提问于2021-06-23得票数 8

1回答

iPad / Safari上的站点冻结

ios、ipad、safari、shopify、dolphin-browser

我遇到了一个模糊的(但严重的)错误，当在iPad上使用默认的Apple浏览器查看时，它似乎会影响到所有Shopify商店。使用iPad (我的是iPad Air /IOS7.0.6)和Safari (Mozilla5.0Safari/9537.53)-转到。我在开发自己<em

浏览 4提问于2014-02-24得票数 0

回答已采纳

1回答

昨天我在移动safari地址栏上遇到了一个问题。它拒绝收回(向上滑动)。但是在添加了一个散列标记之后，它开始工作得很好。然而今天，奇怪的是，地址栏又一次乱七八糟。它确实有些回缩，但不是完全的。10px左右的像素仍然悬而未决。已经尝试过scrollTo(0,1)和window.location.href = '#‘的所有变体。毕竟，似乎绝对没有逻辑可以挑战IOS Safari地址栏<

浏览 0提问于2012-11-18得票数 0

1回答

增加视野外的固定物体

css、safari、css-position、mobile-safari、web-frontend

编辑：前面的问题在下面，但是我已经调整了它，因为它不是针对Safari的，只是碰巧Safari有一个半透明的地址栏，但是现在这个问题变成了一个固定的<body>裁剪地址栏，因为它不在视图端口内。当主体有固定位置时显示Safari iOS地址栏后面的元素我有一个覆盖，当触发时，将主体设置为position: fixed，以解决能够在后台滚动的i

浏览 0提问于2020-10-20得票数 1

1回答

angular ui路由器状态改变时触发的ios地址栏

ios、angularjs、angular-ui-router、mobile-safari、angularjs-routing

每当我用ui-sref点击一个链接时，ios移动浏览器的地址栏就会出现。例如，当我向下滚动时，地址栏隐藏，如果我点击一个链接，页面转换完成，ui地址栏立即显示出来。由于地址栏的原因，页面突然向下移动，这使得它对用户不太友好。我发现没有这个问题，尽管他们没有使用angular。这在android chrome上不会发生。而且只在ios safari</

浏览 0提问于2016-06-25得票数 5

1回答

防止iOS* 15 Safari上的“select”输入隐藏并显示地址栏？*

javascript、html、css、ios、safari

与select输入交互似乎是基于浏览器的“感知滚动”隐藏/显示地址栏。我理解普通内容相关页面滚动的行为，但是当与select输入交互时，地址栏根据滚动方向隐藏/显示是没有意义的。这是在ios 15.x上，虽然下面的例子是在一个模拟器上，原始的'bug‘是在一个实际的ios设备上捕获的。在这种情况下，通过JS更改滚动

浏览 2提问于2021-09-28得票数 3

1回答

如何在iphone上禁用url和底部栏

javascript、html、ios、css、iphone

我正在制作一个网页应用程序在html，css和js想要隐藏的地址栏和底部栏在网页浏览器上的iPhone。

浏览 2提问于2017-05-16得票数 0

1回答

在iOS6 safari中隐藏AddressBar

javascript、ios、ios6、safari

我试图在iOS6的Safari中隐藏地址栏，但它在纵向模式下部分隐藏。它在横向模式下隐藏得很好。我正在使用window.scrollTo(1，1)。此外，问题恰好出现在安装了不同版本Safari的特定设备上。有没有解决这个问题的办法？

浏览 2提问于2014-01-28得票数 0

2回答

Safari IOS在屏幕顶部有可点击的元素，在Iphone上的景观效果不是很好

ios、css、iphone、safari、toolbar

我有一个应用程序，在页面顶部有一个栏，其中有一堆可点击的元素，它一直是一个问题，因为在Safari IOS上，当它点击高处时，它会带下地址栏并全屏退出。我们最初通过在顶部添加一些填充来解决这个问题，以使可点击区域更大，但他们似乎在iOS13上增加了这个大小，添加更多的填充会让它看起来很糟糕。有没有人有这个问题，并且有解决办法？以某种方式缩小地址栏的点击区域，还是什

浏览 32提问于2019-10-21得票数 2

4回答

Safari iOS 15视频问题

html、ios、iphone、ios15

自从我下载了Safari15，我页面上的视频就不再工作了(在iOS中)。我使用了以下代码来嵌入视频。muted="true" playsinline="true"></video> 如果我停用Safari设置中的"GPU进程:媒体“，一

浏览 5提问于2021-09-21得票数 9

1回答

阻止Safari地址栏在iOS* 15中扩展*

ios、safari

我正在开发的应用程序涉及到拖动画布元素，当我上下拖动画布元素时，新的浮动地址栏会展开和折叠，这是不受欢迎的。这不是iOS 14中的问题。如何防止此问题？

浏览 47提问于2021-08-05得票数 2

1回答

在主屏幕中启动xpages应用程序

ipad、lotus-notes、xpages、lotus、lotus-domino

当我在电子邮件正文中使用一个简单的HREF (使用stream和MIME)时，xpage(web)移动应用程序在ipad上的一个新窗口中打开(我相信这是Ipad应该提供的)，并显示地址栏。从主屏幕打开同一页面时，不显示地址栏。，在Lotus traveller的同一窗口中启动xpage移动应用程序。现在的问题是，当从Lotus traveller访问时，javascript不会从电子邮件正文触发，但是从Lotus notes客户端访问

浏览 1提问于2012-06-17得票数 0

回答已采纳

2回答

Safari检查器CSS媒体查询选择器显示为[object对象]

safari、media-queries、inspector

正如标题所示，媒体查询内部的所有CSS选择器都显示在检查器中作为对象对象。还有其他人碰到这个吗？有人知道我怎样才能强迫它显示实际使用的选择器吗？这是一个截图：

浏览 3提问于2015-09-17得票数 5

回答已采纳

1回答

iOS 7.1.2上Web中滚动的“固定”页眉和页脚

angularjs、ios7、mobile-safari、css-position、iscroll

如果您想了解这个问题是如何发生的，可以查看附加的图像，或者签出并在本地构建示例)。我已经手动测试了该应用程序在包括iOS和安卓设备在内的几个移动

浏览 3提问于2015-02-04得票数 2

回答已采纳

1回答

iOS 10上未打开应用程序的Firebase动态链接

ios、firebase、ios10、firebase-dynamic-links

我正在准备发布一个新版本的我的应用程序与Firebase动态链接。几个月前，我在iOS 10之前实现了动态链接，一切都如愿以偿。现在我来做一些最后的测试，已经为iOS 10构建了，我有问题。如果应用程序安装在iOS 9设备上，打开动态链接将带我到我的应用程序。但是，如果应用程序安装在iOS 10设备上，那么在iOS 10上打开相同的动态链接将带我

浏览 3提问于2016-11-11得票数 2

回答已采纳

1回答

@supports (-webkit-触摸-标注:无)不在iOS* 15 Safari中工作*

css、ios、safari

我试图用CSS瞄准iOS设备。一般的建议是使用： ...然而，这似乎不适用于iOS 15 Safari。这是真的吗？看起来它应该从 (上一次更新到2016年)开始工作，但类似的问题是。如果这段代码不适用于iOS 15，那么如何解决呢？

浏览 0提问于2022-05-04得票数 0

回答已采纳

点击加载更多