CSS -滚动时固定在iOS Safari的底部

文章/答案/技术大牛

发布

2回答

ios、css、mobile-safari

我正在构建一个应用程序，我想有一个导航栏坚持到浏览器的底部。然而，在Android Safari (我想还有一些Android浏览器)中，当你滚动时，底部的44px左右就被工具栏覆盖了。不滚动：当您滚动工具栏上方<em

浏览 12提问于2018-01-21得票数 13

回答已采纳

1回答

仅当滚动到底部时，才将页脚固定在底部

html、css、css-position、fixed

我想把我的页脚固定在浏览器窗口的底部，但只有在用户已经在页面的最底部的情况下。如果你注意到Safari中的iOS 8或OS X Mavericks/Yosemite，当你滚动过页面限制时，会显示更多的内容，以获得弹性反弹效果。但是当你有一个不固定在底部的页脚时-他们必须向下滚动页面才

浏览 0提问于2014-10-29得票数 4

2回答

修复了页脚在iOS设备和Galaxy选项卡上不起作用的问题

html、css、iphone

我已经设法在我的网页中修复了页脚。我在CSS文件中使用了以下内容：{ left:0px;}有

浏览 0提问于2011-04-27得票数 2

回答已采纳

1回答

固定页面滚动

html、css、mobile、polymer

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

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

回答已采纳

1回答

离子固定在ios设备上的不平稳移动

ionic-framework、ionic2、ionic3、ionic-view

我有一个滚动的页面，我想在ionic2的底部添加一个固定的div。我使用离子修正，它在安卓设备上工作的很好，固定在页面的底部，但是在iOS上，在滚动页面时，它会一直跳到找到位置。我相信在离子领域工作的人已经强迫了同样的问题。我尝试过检测平台并使用css来调整它移动得很平稳，但是当你在页面的末尾(如果你继续从顶部或底部<

浏览 2提问于2017-09-19得票数 1

回答已采纳

1回答

固定位置DIV在Chrome和Safari中运行良好，但在IE11中不起作用

html、css、fixed

这个CSS使得一个按钮被锚定在我们网站屏幕的底部。向上或向下滚动时，按钮将固定在页面底部。在IE中，它只是将按钮呈现在DIV代码所在的位置，而不是将其浮动并锚定到浏览器的底部。Chrome和Safari都在浏览器窗口的右下角显示了该按钮。我已经阅读了几篇文章，尝试了不同的CSS设置，但似乎无法获得它。任何帮助都将不胜感激。谢谢!

浏览 2提问于2014-07-18得票数 0

2回答

如何防止iOS* Safari屏幕底部的滚动事件*

javascript、scroll、mobile-safari

在使用iOS safari时，有一个具有未知源的滚动事件发生。是什么导致这种行为(事件名)？可以使用这种没有额外css ?的方法来防止滚动。更新1:虽然似乎

浏览 4提问于2021-04-16得票数 2

回答已采纳

1回答

iOS移动狩猎-底部栏覆盖我的脚

ios、mobile-safari

iOS移动safari有当你向上滚动时进入视图的地址和底部导航条，并在向下滚动时隐藏/最小化。我的UI中有一个页脚，它隐藏在底部导航栏中，我不知道修复这个问题的最佳方法是什么。我可以使用javascript来检测我正在使用的浏览器，然后相应地编辑css，但是我想知道是否有更好的CSS唯一解决方案。编辑:我发现了几个网站

浏览 0提问于2015-07-21得票数 11

3回答

一个带有iOS5 (Safari)的bug，一个“位置:固定的‘div，和高的表单

html、css、ios5、css-position

全,无论用户在表单中的位置如何，设计都需要一个锚定在屏幕底部的“页脚”，它总是可见的。换句话说，不管用户是在窗体的顶部、中部还是底部，页脚都应该是可见的，表单应该滚动到“底部”。为了实现这一点，我用position:fixed和bottom:0作为div创建了页脚。这在

浏览 5提问于2012-05-23得票数 6

2回答

是否有一种方式来设计iOS* Safari超滚动/弹性滚动区域？*

css、safari、webkit

在iOS Safari中，当您滚动到网页的底部时，您可以通过再次滚动来“提升”页面。我认为这是为了向用户保证他们已经到达了页面的末尾。默认情况下，此区域是空的和白色的。有办法用CSS来设计这个区域吗？当其他人都在问如何防止过度滚动的时候，我想知道我是否真的可以用它来做些什么。我试着将背景图像添加到body标记中，并将其固定到底部，但通过超滚动无

浏览 6提问于2016-06-09得票数 13

回答已采纳

1回答

将宽度从100%更改为自动使用jQuery不工作时的css转换

javascript、jquery、html、css

我在页面底部有一个条子，当我滚动页面时，我希望它的宽度与内容需要的一样宽，并固定在底部。但是当它击中页脚的时候，我希望它能滑出来，覆盖整个页面的宽度。现在，我有一个js事件发生时，滚动到页面的正确位置为扩大。然后我炒了这个：一旦我从上面滚动<

浏览 2提问于2017-10-24得票数 1

回答已采纳

2回答

如何使移动条不阻塞我的页面底部？

html、css、mobile-safari

当我在Safari iOS和Safari webapps (保存到主屏幕)上超滚动时，主体不应该滚动，所以主div "#content“有所有的溢出滚动内容。问题，当#content设置为100vh时，移动条覆盖内容的底部。根据谷歌的说法，这是一种常见的现象，我已经看到了很多解决方案，但主要的解决方案是设置height: -webkit-fill-ava

浏览 1提问于2021-02-18得票数 1

2回答

在ios7狩猎景观上骑上底部和顶部的触觉区

javascript、html、ios、css、ios7

我正在开发一个为iOS7优化的站点。我发现，在safari移动平台上，当方向改变为景观时，站点会转到全屏，但是浏览器会阻塞视图的高度和宽度、顶部和底部的一些像素。1.这是全屏视图的屏幕截图，当我点击“什么是twitter?”

浏览 4提问于2013-11-07得票数 13

1回答

在移动safari，iphone上固定位置的div中选择菜单

iphone、select、fixed

我正在建设一个网站，有一个固定的位置，其中包含一个选择菜单的标题。标题应该保持锁定在屏幕顶部，因为css中的位置:已修复。然而，当在iphone的mobile safari中点击select菜单时，当ios select菜单打开时，标题不再锁定在顶部。ios似乎将带有选择菜单的div居中到菜单上方屏幕的可见区域。当页面滚动到顶部

浏览 1提问于2013-05-15得票数 1

1回答

iPhone 3g上的Safari固定按钮位置

iphone、html、css、safari

我有以下jsfiddle设置：任何关于如何让它工作的建议都将不胜感激。谢谢

浏览 3提问于2012-01-11得票数 1

回答已采纳

3回答

无法使用Xamarin.UITest在微软登录屏幕上定位web元素

adal、xamarin.uitest

问题-1我一直在iOS设备上遇到ADAL v5.2.0的问题。我们无法在microsoft登录屏幕上检查web元素，并且在尝试使用Repl()命令进行检查时出现错误(请参阅附带的屏幕截图)。然而，当我们在iOS设备上的ADAL v3.19.8上尝试同样

浏览 14提问于2019-10-09得票数 0

3回答

iOS 7 Safari导航栏高度偏移

jquery、html、css、safari、ios7

因此，在Safari6和更早的版本中，iOS底部的导航栏被固定在纵向模式下，并且没有消失。因此，如果你想要一个100%高的文档是真正的全屏，你必须增加一个额外的60px，这样你就可以向上滚动它，并隐藏地址栏。现在，在带有消失的导航栏和可调整大小的地址栏的iOS 7中，您将如何创建一个高度为100%的文档？换句话说，我希望能够向上

浏览 6提问于2013-09-23得票数 13

1回答

iOS Safari问题元素在将绝对位置更改为固定位置时滚动时变得不可见

ios、scroll、safari、positioning

我想使用页面上的一个元素作为以下内容的标题，但是当用户滚动到内容中时，标题元素应该固定在标题上。类似于ABC在iOS音乐应用程序中的标题。Test <div class="content"> </div> <&#x

浏览 6提问于2016-05-26得票数 2

回答已采纳

1回答

垂直居中菜单偏移

html、ios、css

webkit-transform: translateY(-50%);transform: translateY(-50%);问题是我有一个固定在屏幕底部的菜单栏，这使得图像看起来不完全居中。此外，在iOS Safari上，它看起来甚至更不集中。(我的猜测是，因为safari的菜单栏在滚动时会消失，所以浏览

浏览 1提问于2015-07-03得票数 0

点击加载更多