腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
固定页面滚动
html
、
css
、
mobile
、
polymer
在iOS上,当您在上滚动时,Safari的地址栏的高度不会降低。但是,如果你在其他网站上滚动,Safari的地址栏就会缩小。 这是如何实现的呢?我一直在看他们的CSS代码。我想他们是用聚合物做网站的。 在两个屏幕截图中滚动到页面底部,查看Safari地址栏中的高度差异。
浏览 3
提问于2015-11-17
得票数 1
回答已采纳
4
回答
iOS 15 Safari浮动地址栏
css
、
ios
、
safari
在iOS 15中,Safari改变了地址栏的行为。它浮动在页面底部附近的某个位置。 这会极大地影响页面的设计和用户体验。 是否有指示器来检测地址栏,知道它何时存在并知道它的位置?
浏览 3
提问于2021-06-23
得票数 8
1
回答
iPhone行为不稳定。显示/隐藏地址栏的行为很奇怪
javascript
、
iphone
、
ios
、
mobile-safari
昨天我在移动safari地址栏上遇到了一个问题。它拒绝收回(向上滑动)。但是在添加了一个散列标记之后,它开始工作得很好。然而今天,奇怪的是,地址栏又一次乱七八糟。它确实有些回缩,但不是完全的。10px左右的像素仍然悬而未决。已经尝试过scrollTo(0,1)和window.location.href = '#‘的所有变体。毕竟,似乎绝对没有逻辑可以挑战IOS Safari地址栏。我也尝试过重启手机,iPhone 4 iOS6没有成功。
浏览 0
提问于2012-11-18
得票数 0
1
回答
如何检测web应用是在app模式下运行还是在safari模式下运行
javascript
、
ipad
、
html
如何在iPad中检查网页是在有地址栏的safari模式下运行还是在没有地址栏的应用模式下运行 <script> if (window.navigator.standalone) { <link type="text/css" href="ipad.css" rel="stylesheet" /> } els{ <link t
浏览 0
提问于2012-04-30
得票数 1
1
回答
增加视野外的固定物体
css
、
safari
、
css-position
、
mobile-safari
、
web-frontend
编辑:前面的问题在下面,但是我已经调整了它,因为它不是针对Safari的,只是碰巧Safari有一个半透明的地址栏,但是现在这个问题变成了一个固定的<body>裁剪地址栏,因为它不在视图端口内。 尽管修复(如果存在的话)必须保持position: fixed,因为这样可以防止iOS在覆盖期间滚动主体。 当主体有固定位置时显示Safari iOS地址栏后面的元素 我有一个覆盖,当触发时,将主体设置为position: fixed,以解决能够在后台滚动的iOS。我还在文档中设置了带有预先计算的top和height值的主体,以便在覆盖关闭后保留其位置。 问题是Safari有一个透明的地址
浏览 0
提问于2020-10-20
得票数 1
1
回答
防止iOS 15 Safari上的“select”输入隐藏并显示地址栏?
javascript
、
html
、
css
、
ios
、
safari
这真的很奇怪。与select输入交互似乎是基于浏览器的“感知滚动”隐藏/显示地址栏。 我理解普通内容相关页面滚动的行为,但是当与select输入交互时,地址栏根据滚动方向隐藏/显示是没有意义的。这是在ios 15.x上,虽然下面的例子是在一个模拟器上,原始的'bug‘是在一个实际的ios设备上捕获的。 在这种情况下,通过JS更改滚动位置似乎没有任何作用,也没有更新dom元素上的overscroll-behavior或touch-action css属性。 下面是问题中的行为:
浏览 2
提问于2021-09-28
得票数 3
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上增加了这个大小,添加更多的填充会让它看起来很糟糕。有没有人有这个问题,并且有解决办法?以某种方式缩小地址栏的点击区域,还是什么? 最大的问题是,我们需要我们的应用程序留在全屏,所以最理想的是能够减少地址栏的可点击区域,或者能够在横向模式下阻止它。真的没有办法绕过这一点吗?例如,在safari和iPhone上进入twitch.com,并把它放在景观中,你就不
浏览 32
提问于2019-10-21
得票数 2
1
回答
iOS 7.1.2上Web中滚动的“固定”页眉和页脚
angularjs
、
ios7
、
mobile-safari
、
css-position
、
iscroll
我已经创建了一个非常简单的演示web应用程序,它使用AngularJS并可选地支持使用iScroll 5 (Update:现在已经修复,如下面的答案所示)。如果您想了解这个问题是如何发生的,可以查看附加的图像,或者签出并在本地构建示例)。 我知道CSS position: fixed在iOS 7.x上的元素存在的问题。例如,,我读过关于的文章。因此,当打开position: absolute时,我在页眉和页脚上使用CSS position: absolute指令进行应用程序布局。但是,如果关闭iScroll,则布局使用position:fixed,它可以很好地处理移动和桌面上较新的浏览器。 我
浏览 3
提问于2015-02-04
得票数 2
回答已采纳
1
回答
@supports (-webkit-触摸-标注:无)不在iOS 15 Safari中工作
css
、
ios
、
safari
我试图用CSS瞄准iOS设备。一般的建议是使用: @supports (-webkit-touch-callout: none) { ... } 然而,这似乎不适用于iOS 15 Safari。这是真的吗? 看起来它应该从 (上一次更新到2016年)开始工作,但类似的问题是。 如果这段代码不适用于iOS 15,那么如何解决呢?
浏览 0
提问于2022-05-04
得票数 0
回答已采纳
2
回答
iOS地址栏修复了视口顶部的错误
jquery
、
html
、
css
、
ios
在尝试用谷歌搜索这玩意儿后的第一篇文章。仅在iPhone上查看时出现此问题。 预期行为:如果您在iPhone上访问 (或几乎任何网站)并向下滚动页面,地址栏将逐渐隐藏,直到不可见。 我得到的是:地址栏是页面顶部的一个固定元素,类似于常规的桌面web浏览器。 这是我所拥有的(只是一个测试页面) 我不认为它是jQuery中的任何东西,因为当我删除所有javascript时,它仍然会发生。 编辑已求解 我最终通过删除CSS的一些行来修复它 html,body { overflow:auto; } #explainer { overflow:hidden; } 显然,iOS Safari
浏览 0
提问于2012-08-09
得票数 0
1
回答
angular ui路由器状态改变时触发的ios地址栏
ios
、
angularjs
、
angular-ui-router
、
mobile-safari
、
angularjs-routing
我正在使用Angular UI Router。每当我用ui-sref点击一个链接时,ios移动浏览器的地址栏就会出现。例如,当我向下滚动时,地址栏隐藏,如果我点击一个链接,页面转换完成,ui地址栏立即显示出来。由于地址栏的原因,页面突然向下移动,这使得它对用户不太友好。 和我有同样的问题。 我发现没有这个问题,尽管他们没有使用angular。 这在android chrome上不会发生。而且只在ios safari中发生。我测试的版本是iOS9。 我尝试过overflow have,但这不是我想要的解决方案,因为这样地址栏总是可见的。 是什么触发了这种行为?
浏览 0
提问于2016-06-25
得票数 5
2
回答
快速隐藏iOS/Android地址栏
javascript
、
android
、
ios
我试图在iOS上的Safari中“隐藏”地址栏(也适用于安卓浏览器)。我遇到过许多变体,它们都做这样的事情: window.addEventListener("load", function () { setTimeout(function () { window.scrollTo(0, 1); }, 0); }); 这会将视口的顶部定位在屏幕的顶部,大约3-5秒后,地址栏就会消失。但是,如果您查看或移动,您将看到地址栏迅速消失(不到2秒)。 有没有人知道他们在做什么让地址栏快速隐藏起来? 这个问题和我想要的很接近,但它并没有完全解决我的问题:
浏览 4
提问于2013-03-06
得票数 0
回答已采纳
1
回答
无法使用Safari检查iOS 11设备
ios
、
iphone
、
debugging
、
safari
、
ios11
我正在尝试调试一个只发生在iOS 11移动设备上的CSS转换样式错误。 但是,当我尝试使用Safari检查这些设备时,设备名称在“开发”菜单上简短显示,然后消失为“”。 我能够正常地检查运行iOS 10 ( iPhone 6)的设备,但是我试图调试的实际问题不会发生。 尝试使用两种不同的设备运行iOS 11和多台计算机。还有不同的电缆,包括最初的苹果电缆。 移动设备: iPhone 7 11.0.2 (15A 421),iPhone 7 11.0.3 (15A 432) 桌面设备: MacBook塞拉利昂10.12.5 (16F73)和其他设备 Safari:版本10.1.1 (12603.2
浏览 0
提问于2017-10-13
得票数 5
回答已采纳
5
回答
在iOS 15 Safari中禁用拉到刷新
ios
、
safari
、
mobile-safari
、
pull-to-refresh
、
ios15
iOS 15已经发布,而Safari的新版本也是如此,它带来了无处不在的即插即用。不管你喜不喜欢,单页应用程序不太喜欢它。 下面是如何在iPhone的Chrome上禁用它: 知道如何在iOS 15中的Safari中做同样的事情吗? CSS overscroll-behavior-y: contain没有任何效果。
浏览 8
提问于2021-09-20
得票数 17
回答已采纳
1
回答
Ios7 safari控制顶部和底部导航/工具栏
mobile-safari
、
ios7
我想知道在IOS7 safari中是否有控制地址栏和工具栏位置的方法。基本上,我希望他们在safari中加载页面时立即隐藏它们,而不需要用户滚动页面来调用隐藏吗?
浏览 0
提问于2013-08-07
得票数 6
1
回答
键盘活动时,在iOS 15地址栏下显示隐藏内容
css
、
webkit
、
mobile-safari
当虚拟键盘处于活动状态时,iOS 15导致内容隐藏在地址栏下。错误报告可以是。要查看这个问题,请在iPhone上运行带有地址栏底部有地址栏的iOS 15的完整代码段,然后按下输入字段。另外,请查看此 当键盘处于活动状态时,如何显示输入字段?我尝试过在没有运气的情况下将填充设置到safe-area-inset-bottom上。 .container { display: flex; height: 100vh; } .input-bottom { align-self: flex-end; } <div class="container"> <d
浏览 2
提问于2021-09-28
得票数 7
回答已采纳
1
回答
iOS 15上safari地址栏的CSS问题
scroll
、
modal-dialog
、
ios15
在将iphone更新到iOS 15后,我遇到了奇怪的问题。我有自定义模式,这是显示/隐藏只需添加CSS类。只要我显示modal (当地址栏可见时)并尝试在modal中滚动,这个modal就会关闭。但是当我第一次向下滚动页面(地址栏是隐藏的),然后打开模式,我可以在模式中滚动没有问题。在modal中向上滚动时也会发生同样的情况。这意味着这个问题是由地址栏引起的。在其他浏览器中没有问题。你知道怎么解决这个问题吗?
浏览 35
提问于2021-10-09
得票数 2
1
回答
android和IOS上的全屏网站
javascript
、
android
、
ios
、
angularjs
、
web-applications
我用angulaJS和响应式引导程序创建网站。 问题是,我希望我的网站运行在全屏模式或删除地址栏。我的用户使用IOS safari IOS chrome android浏览器和android chrome
浏览 0
提问于2017-01-13
得票数 0
1
回答
使用CSS保持web应用程序的高度= innerHeight
html
、
ios
、
css
我正在构建一个响应式的web应用程序,并希望保证没有任何东西被iOS Safari和其他移动浏览器中的地址栏或导航栏无意中隐藏。 我目前使用的是以下代码: window.onresize = function (event) { toastr.warning("resized"); var h = window.innerHeight; document.getElementById("applicationHost").style.height = h +
浏览 0
提问于2016-10-09
得票数 1
2
回答
iOS上Safari中<select>元素的显示箭头和样式设置
ios
、
css
、
ipad
、
safari
我发现当我设置元素样式(特别是使用background: transparent)时,在iOS上的Safari中缺少箭头。你们中有没有人经历过这种情况,或者知道为什么它会隐藏浏览器的chrome?我可以使用条件语句在iOS上应用CSS for Safari (没有JS)吗? 设备运行的是iOS 6.1.2。 以下是iOS (IPad2)中的Safari的屏幕截图: 下面是Safari上的截图(桌面版、Windows7版,所有其他桌面浏览器都一样): CSS: select.choose_state, select.choose_state option { back
浏览 4
提问于2013-03-26
得票数 3
回答已采纳
1
回答
iPad按钮没有自定义CSS
html
、
ios
、
css
、
ipad
我给纽扣一个定制的css。它在以下方面发挥了很大作用: Windows桌面(Chrome,Opera,Edge) Windows桌面通过控制台移动设备演示 Android (Opera,Chrome) iOS (Safari,Chrome) 问题是,在iPad上,它不起作用。 css是这样的: input[type="button"], button, .theater-control-button { -webkit-appearance: none; /*Safari/Chrome*/ -moz-app
浏览 0
提问于2017-11-06
得票数 0
1
回答
在iPhone上查看时,网站右侧的空间
iphone
、
css
、
safari
这是一个屏幕截图,显示了我的确切意思: 右侧图像上的绿色垂直线显示在iPhone Safari上查看时显示的空间。我不认为这与Safari有任何关系,因为我见过其他没有这个空间的网站。这是css的问题吗?如果是这样,问题出在哪里? 如果实时查看站点有所帮助,则实际站点将显示在图像的地址栏中。
浏览 0
提问于2011-12-08
得票数 0
2
回答
移动Safari地址栏
javascript
、
android
、
html
、
css
、
iphone
我有一个非常奇怪的问题,我的地址栏的响应版本,我的网站,。除了地址栏外,一切似乎都正常工作,地址栏基本上不会在页面上滚动时崩溃。我在以下实时设备上测试了这一点: iPhone 5C (iOS7)、iPhone 6 (iOS 8)、iPad Mini (iOS 7)、iPad Mini / Retina (iOS 8)、Google 5(Lollipop)、Google 7 (Lollipop),结果都是一样的。 在我的html标记上,我应用了以下css,我认为触发了这个行为,但要么我错了,要么我有另一个问题: html { overflow-x: hidden; overflo
浏览 7
提问于2014-11-07
得票数 4
回答已采纳
2
回答
itms-未检测到链路的服务协议- iOS 8
ios
、
ios8
在iOS 7中,我添加了以下内容: itms-services://?action=download-manifest&url= 对于一个超文本标记语言页面,iOS上的Safari web浏览器会将其检测为链接。用户可以点击它来下载应用程序。 在iOS 8中,itms服务协议似乎没有被检测到是一个链接。用户现在必须将其复制并粘贴到Safari地址栏中。 我是不是遗漏了什么?这是一个bug吗?额外的安全性? 消息由markdn在14年10月1日上午11:56编辑
浏览 3
提问于2014-10-02
得票数 1
2
回答
safari iOS -禁用隐藏输入焦点上的地址栏
javascript
、
html
、
ios
、
safari
有没有办法禁用在safari iOS中点击输入框时发生的滚动?我的站点不能很好地适应滚动操作,这实际上会降低站点的用户友好性。 我试过使用: $('input,select,textarea').bind('focus',function(e) { window.scrollTo(0, 0); }); 但它只会强制safari滚动到我的文档的顶部,这意味着地址栏仍然是“隐藏的”。我只是不明白为什么window.scrollTo(0,1)应该“隐藏”地址栏,为什么window.scrollTo(0,0)不显示它呢? 同样,有没有办法防止safari在文本区域被滚
浏览 2
提问于2011-12-16
得票数 1
1
回答
移动Safari (iOS 7.1)固定位置Tap不准确的解决方法?
html
、
css
、
ios7
、
mobile-safari
iOS 7上的Safari显示了一个带有固定标题Nav的bug,其中单击目标似乎没有正确映射到元素的绘制位置。 复制步骤: 滚动页面,直到Safari的地址栏缩小,底部工具栏消失。 点击底部行上的按钮(例如“z”按钮)。 这将导致地址栏展开和底部工具栏重新出现。 还请注意,按钮单击不会触发。 现在尝试点击顶部行中的一个按钮(例如'1‘按钮)。 低于点击位置的按钮将被激活。 我的一些解决办法需要. 当Safari UI状态更改时触发的事件。我还没见过调整大小或者滚动触发器。有没有一个我可能失踪的移动狩猎专区? 我可以触
浏览 1
提问于2014-04-24
得票数 5
1
回答
独立的PWA显示的是◀,而不是实际的PWA名称?
ios
、
iphone
、
progressive-web-apps
、
ios15
在运行PWA 15.4.1的iPhone上,似乎存在一个问题,即PWA的后退按钮显示的是“◀无题”,而不是PWA的实际名称或短名称(见下图)。 点击苹果地图链接后,iOS 12.2 (左)和iOS 15.4.1 (右)的PWA在黑暗模式下相同。查看地址栏中的后退按钮。 有没有一种方法可以在Safari中从独立的PWA打开链接,并在后退按钮中显示应用程序名"◀My“,而不是”◀无题“?
浏览 4
提问于2022-04-29
得票数 1
回答已采纳
1
回答
移动电话CSS -地址栏调整屏幕大小
android
、
jquery
、
html
、
css
、
responsive-design
-设想情况 我正在开发一个响应站点,使用CSS @media标记和jQuery的on(resize)函数。 主网页的容器在CSS文件上分别设置为100vw和100vh的宽度和高度。 使用jQuery,我调整了显示在网站上的元素的大小。 -问题 响应性的设计实现除了移动电话上的浏览器(例如运行在安卓上的Google、iOS Safari、Android等)外,都工作得很好。 移动web浏览器通常显示地址栏,当滚动时,它们会隐藏地址栏。当再次滚动时,他们再次显示它。 这种效果是不断调整我的网页大小,因为容器的大小调整到视口的高度,当地址栏显示时,它会变得更小,而当地址栏隐藏时,则会变得更大,我不希
浏览 1
提问于2015-09-20
得票数 5
1
回答
在移动safari,iphone上固定位置的div中选择菜单
iphone
、
select
、
fixed
我正在建设一个网站,有一个固定的位置,其中包含一个选择菜单的标题。标题应该保持锁定在屏幕顶部,因为css中的位置:已修复。然而,当在iphone的mobile safari中点击select菜单时,当ios select菜单打开时,标题不再锁定在顶部。ios似乎将带有选择菜单的div居中到菜单上方屏幕的可见区域。当页面滚动到顶部时不会发生这种情况,但当地址栏不可见时,它会像这样“中断”。没有找到任何其他的答案,也许我问错了问题。我还不能发布代码的链接,任何帮助都很感谢。
浏览 1
提问于2013-05-15
得票数 1
1
回答
获取iOS 15设备上地址栏的位置
javascript
、
ios
、
iphone
、
ios15
、
address-bar
在使用iPhones 15的iOS上,地址栏位于屏幕底部(默认),或者可选地位于屏幕顶部。 有没有办法用JS确定地址栏的位置(底部或顶部)?
浏览 7
提问于2022-01-28
得票数 0
1
回答
iOS无法在第一个页面加载时操作jQuery DOM更改
javascript
、
jquery
、
ios
、
iphone
我在iOS上和Safari有个奇怪的问题。我使用jQuery来操作几个div,移动它们,包装它们,给它们动态高度。在每个浏览器上,这些更改在第一个页面加载期间,在Safari上,有时是是的,有时不是。 基本上在Safari中,它在加载页面时没有应用任何更改,然后如果我不断刷新它,它就不会工作,但是如果我在地址栏上重新输入url,然后按下"enter",那么它就能工作了。 现在,我解决了将触发DOM操作的函数包装在一个setTimeout函数中的问题,我给了它400个延迟。所以现在它等待400毫秒才能启动这个函数,这样它就可以工作了,但我不太喜欢它。我在想你们是否知道更好的系统。
浏览 2
提问于2017-09-09
得票数 0
回答已采纳
1
回答
iOS 13 Safari AA变焦到底是做什么的?
html
、
ios
、
safari
、
ios13
在iPhone IOS 13和iPadOS上,Safari在网页地址栏的左边有可标记的“AA”。 点击它允许用户放大或缩小文本和其他元素的大小。 如果我们决定在iPhones和iPads上使用AA功能后,我们的网站看起来更好,那么我们需要对现有的CSS和HTML做些什么呢? 我们尝试了不支持的CSS: zoom:115%; 在body,HTML和(body,html)上,但是它没有做任何事情,直到它达到120%,即使这样,字体大小也保持不变。 iOS AA功能在技术上到底是做什么的,这样我们就可以模仿它了?我确实问过媒体上的人,这个功能是否可以编程访问,但他拒绝了。 更新1: 根据下面的第一
浏览 6
提问于2020-02-01
得票数 0
回答已采纳
4
回答
如何计算移动Safari网络应用程序中可视区域的高度(即窗口高度减去地址栏和书签条)?
iphone
、
ios
、
safari
、
mobile-safari
、
ios7
什么是正确的方法来计算移动Safari上有多少可观看的空间?通过查看区域,我们指的是网页应用程序实际可用的屏幕数量,即窗口高度减去地址栏和书签条。 iOS 7可以防止地址栏的隐藏,我们需要正确地考虑视口高度。
浏览 7
提问于2013-09-26
得票数 29
回答已采纳
2
回答
如何在Safari 15中控制网站着色
html
、
css
、
safari
在Safari 15中,发布了一项新功能,它对地址栏和选项卡栏进行着色,以匹配当前网站标题的颜色。 我注意到这个新功能在我之前创建的任何网站上都不起作用。这让我很好奇。这个网站的着色功能到底是如何工作的?我们可以使用CSS或HTML和CSS的组合来控制条形图的颜色吗
浏览 32
提问于2021-09-22
得票数 3
回答已采纳
2
回答
iOS7 Safari中的全屏模式
ios
、
ios7
、
sencha-touch
、
mobile-safari
我正在开发一个使用Sencha的移动网站。在iOS7 Safari中,我无法使顶部地址栏消失&下面的工具栏消失了。Sencha用来处理这个最新的iOS6,但是最近iOS7中的一些变化导致了这个问题。 我读过上面的链接&似乎这也是HTML5游戏的一个问题&一些其他的应用程序。为iOS6工作的旧的iOS6()不再起作用。
浏览 2
提问于2013-12-19
得票数 6
回答已采纳
3
回答
HTML和CSS文件中的代码切换行
visual-studio-code
、
vscode-settings
一周前,我将VS代码更新为版本: 1.61.2,我开始注意到CSS文件中很少有错误和警告行。我已经为这个项目做了很长一段时间了,但是最近才开始出现。 与代码如何计算和显示这些错误/警告行以及如何控制这些设置? 很少有示例错误类别是- compact-api/html、compact-api/css、css-prefix-order 火狐、安卓火狐、is、Opera、Safari < 15、iOS上的Safari < 15 (compact-api/html)不支持‘’metaname=主题-color‘ “过渡”应列在“-moz-transition”之后(css-
浏览 0
提问于2021-11-01
得票数 1
2
回答
Safari iOS扩展的控制台日志在哪里?
javascript
、
ios
、
xcode
、
logging
、
safari-extension
我正在使用HTML、CSS和Javascript在XCode集成开发环境中构建一个Safari iOS (v15)扩展。但是,控制台日志在哪里呢? 当扩展UI在iOS设备模拟器上运行时,如果不查看控制台日志,就很难找到根本原因。
浏览 6
提问于2021-10-08
得票数 3
2
回答
使用Web@Work浏览器时,在IOS中禁用地址栏
javascript
、
ios
、
mobile
、
browser
、
web
我为客户创建了网站,但他想在ios上使用webs@work来使用我的网站。为了安全起见,他要求禁用浏览器的地址栏,我尝试使用javascript,在safari上工作,但在web@work上不是, 任何人都不能给我一些解决方案来解决。 webs@work:
浏览 0
提问于2015-01-28
得票数 0
2
回答
在iOS上隐藏地址栏而不隐藏智能应用程序边框
javascript
、
iphone
、
ios
、
mobile
、
mobile-website
是否可以隐藏地址栏,而不是iOS Safari上的智能应用程序横幅? 我尝试过这个问题的解决方案:,但它似乎不起作用。当我使用来自MBP.hideUrlBarOnLoad的时,智能旗帜仍然会被隐藏,正如答案所建议的那样。
浏览 2
提问于2013-08-20
得票数 5
回答已采纳
1
回答
在Safari上使用重新模态和腌制时的严重性能问题
javascript
、
jquery
、
google-chrome
、
safari
、
pickadate
我试图与泡菜一起使用重新模态,这样我就可以在模式内创建一个日期选择器和时间选择器。在第一次试用时,我发现数据报警器将被重新模式所隐藏,如下所示。 为了克服这个问题,我为重模态创建了一个.full-screen类。 .remodal { &.full-screen { max-width: none; height: 100%; width: 100%; margin: 0 auto; } } 然后,它在Chrome中运行得非常好,如下所示: 然后我开始在我的iOS上测试这个网站,我发
浏览 3
提问于2015-05-19
得票数 8
1
回答
创建导航栏的自定义实现
ios
、
xcode
、
ios7
、
uiscrollview
、
uinavigationbar
我希望创建一个行为类似于UINavigationBar的视图。 我不能简单地自定义工具栏,因为我想要更高的空间,我想在它上面有几个其他的子视图,而不仅仅是UIBarButtonItems。所以,我希望能够创建一个类似的实现,包括浮动/半透明效果。 一个很好的例子就是iOS 7中Safari的地址栏,地址栏上的UITextField是不能添加到默认UINavigationBar上的。尽管如此,Safari栏仍然具有透明性。 我不希望它像Safari中那样向下滚动时缩小,我只是希望它像UINavigationBar一样保持不变。我正在考虑向根UIScrollView添加一个子视图,但这将与所有内容
浏览 4
提问于2014-01-11
得票数 0
1
回答
离子PWA在iOS布局中的应用“增加主屏幕”问题
android
、
ios
、
css
、
iphone
、
ionic2
我正在使用Ionic 2构建一个进步网络应用程序。在浏览器中,在安卓和iOS设备上,布局都是应该的。 在Chrome和Safari上,您可以使用的“添加到主屏幕”按钮为web应用程序添加快捷方式。当打开时,应用程序将是可见的,没有地址栏给用户一个类似应用程序的体验。 在Android上,这种功能没有任何问题。然而,在iOS上,这种功能会导致应用程序的布局出现奇怪的问题。 例如:我使用带有子弹的<ion-slides>作为寻呼机图标。在Android上,子弹几乎就在页面的底部,它们应该在哪里。在iOS上,在将其添加到主屏幕后,子弹几乎位于屏幕的中心,其余的子弹稍微向上移动。 刷卡是另
浏览 2
提问于2017-04-25
得票数 0
回答已采纳
1
回答
Mac和IOS Safari上奇怪的滚动条行为(css / javascript)
javascript
、
css
、
google-maps
、
safari
、
scrollbar
我在Mac和IOS Safari滚动条上遇到了一个非常奇怪的问题。Google Maps和css定位之间似乎有一些疯狂的互动,只影响Mac和IOS Safari。 此链接在Chrome、Firefox、Internet Explorer和Windows上的Safari上运行良好。 这里有一个指向相关页面的链接: 您需要查看页面才能对问题有个了解。在Safari Mac中,滚动条不起作用。我使用jScrollPane向滚动条添加样式。我已经做了相当多的调试,据我所知safari没有正确地应用CSS "top“参数。 如果我删除谷歌地图。这个问题就消失了。(此页面有普通滚动条: ) 有谁有
浏览 2
提问于2011-10-20
得票数 0
回答已采纳
1
回答
有没有一种安全的方式来使用max-height CSS媒体查询
html
、
ios
、
css
、
google-chrome
据我所知,由于iOS上的Chrome67,不可能有效地使用最大高度媒体查询。 问题是,当用户向上和向下滚动时,Chrome会添加和删除地址栏。当它这样做时,它会改变最大高度,这意味着如果你正在使用一个最大高度的媒体查询来改变某个东西的高度,而不是下面的任何东西,那么当用户向上或向下滚动时,东西就会跳起来。 例如,我有一张300x500的图像,但在短屏幕上,我想确保它不会填满屏幕,所以我有这样的图像 @media (max-height: 700px) { img { max-height: 400px; } } 有效地“如果屏幕太短,图像也要短” 但是在Chrome iOS上发
浏览 1
提问于2018-07-03
得票数 2
1
回答
Range2app:路由内容在iOS上为空白
ios
、
iphone
、
angular
、
angular-ui-router
我有一个奇怪的问题,我的路线在我的角度应用程序。这个问题只发生在iOS上 每当我单击导航菜单中的某个路由链接时,该页导航到该路径,但该页为空白。实际内容似乎不在router-outlet中。但是,当我使用Safari远程检查检查元素时。我可以看到,所有的元素都在那里,并且在屏幕上也为它们分配了空间。如果我单击屏幕上的项目(这些项目仍然不可见),则会触发它们的单击事件。 下面是被检查元素和空白页面的屏幕截图(注意屏幕是蓝色的,因为我在与路由器一起选择的组件中的元素(在safari工具中)上盘旋。 但是,如果我刷新页面,或者直接在地址栏中键入URL,那么组件就会显示出来。(这个
浏览 4
提问于2017-04-08
得票数 2
2
回答
如何在滚动中隐藏IOS safari地址栏?
angular
、
typescript
、
mobile-safari
、
progressive-web-apps
、
angular-pwa
我正在构建一个PWA,发现很难在滚动时隐藏IOS safari导航栏(地址栏),我尝试了所有可用的解决方案,但不幸的是,没有任何帮助。有没有办法隐藏iPhone (IOS 7+) safari滚动页面上的地址栏? header.scss display: flex; padding: 0 16px; width: 100%; align-items: center; color: white; position: absolute; background-color: #353f50; top: 0; height: 64px; z-index: 2; footer.scss positi
浏览 5
提问于2019-09-06
得票数 1
2
回答
Safari似乎忽略了CSS。
css
、
wordpress
、
safari
我正在对wordpress主题做一些更改,但是Safari (在Mac和iOS上)似乎忽略了一些CSS,而其他浏览器工作得很好。 一个例子-这是它在Chrome和Safari中的样子: 这是我使用的CSS,特别是用于图像的CSS。 .homeleftside1 img { width: 70px; height: auto; margin-right: 15px; float: left; border-radius: 100%; } 我在这里有一个测试站点,所以你可以看到我的意思:链接被删除 你知道我哪里出错了吗?谢谢
浏览 2
提问于2015-04-19
得票数 0
6
回答
通过UIWebView iOS访问Safari Reader功能
objective-c
、
ios
、
uiwebview
、
safari
、
readability
我使用的是iOS 4.3,我想知道是否有任何方法可以访问,通过这个are,网页可以去除广告和其他即兴文章&内容占据了中心舞台。 如果用户在Safari中打开任何文章(比如在维基百科网站上),那么"Reader“按钮就会出现在地址栏上。点击它会出现一个新的窗口,漂亮地呈现内容。 我如何通过UIWebView在iOS中利用这个功能呢? PS:我知道有一种叫做的东西。但是我不知道如何通过UIWebView使用它。还有一些网站Safari的Reader打来电话没有启用"Reader“功能,也许它没有足够的信心?
浏览 4
提问于2011-10-05
得票数 12
回答已采纳
5
回答
在SafariMobile10.3上,粘性页脚可以从屏幕上滚动
html
、
ios
、
css
、
mobile
、
mobile-safari
我们的移动web应用程序有粘性的底部导航,就像您在iOS应用程序中经常看到的那样,在Safari10.3发布之后,只在上滚动粘性导航(页脚)就可以离开屏幕。尽管它是position: fixed和set bottom: 0,但在较早的Safari版本上也不可能。 粘性导航/页脚的样式如下: footer { position: fixed; height: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 0, 0, 0.7); } 在纵向模式下,总是可见的: 在横向模式下,您可以将其滚动到屏
浏览 2
提问于2017-05-17
得票数 33
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
15行CSS代码让苹果设备崩溃,最新的iOS 12也无法幸免
谷歌将解决苹果 iOS 15 上搜索结果禁用 AMP 问题,修复一些bug
自定义 Safari 网页样式,Cascadea 也许是新系统下的最佳选择
15 行代码让苹果设备崩溃,最新的 iOS 12 也无法幸免
新网络攻击:只需访问网页即可完成攻击
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券