当前位置: 首页 > 面试题库 >

在Mobile Safari中的固定位置

彭成天
2023-03-14
问题内容

是否可以在Mobile Safari中相对于视口定位固定的元素?正如许多人所指出的那样,这position: fixed是行不通的,但是Gmail只是提供了几乎是我想要的解决方案-请在邮件视图中查看浮动菜单栏。

在JavaScript中获取实时滚动事件也是一种合理的解决方案。


问题答案:

这个固定位置的div可以仅用两行代码来实现,该代码将div滚动移动到页面底部。

window.onscroll = function() {
  document.getElementById('fixedDiv').style.top =
     (window.pageYOffset + window.innerHeight - 25) + 'px';
};


 类似资料:
  • 问题内容: 好的,我注意到了一些东西,但是在CSS规范中找不到。样式化元素将相对于浏览器视口绝对定位。如果将固定位置的元素放置在另一个元素内会怎样?CSS示例如下: 和HTML: 据我所知,该元素相对于其最近的父元素也是固定位置的。这在所有浏览器中都可以使用吗?另外,它是错误还是故意行为? 到目前为止,我在互联网上没有找到关于此主题的任何内容,只是“固定位置使其固定在页面上”。 问题答案: 固定和

  • 问题内容: 是否可以在Mobile Safari中相对于视口定位固定的元素?正如许多人所指出的那样,这是行不通的,但是Gmail只是提供了几乎是我想要的解决方案-在邮件视图中查看浮动菜单栏。 在JavaScript中获取实时滚动事件也是一种合理的解决方案。 问题答案: iOS 5 支持position:fixed

  • 问题内容: 我有一个固定位置的标头(动态高度)。 我需要将容器div放在标题下方。由于页眉高度是动态的,因此无法将固定值用于顶部边距。 如何才能做到这一点? 这是我的CSS: …和HTML: 问题答案: 好!正如我现在看到的问题一样,我意识到由于标题的动态高度,我不想提及固定的边距值。 这是我在此类情况下一直使用的内容。 使用jQuery计算标头高度,并将其应用为顶部边距值。

  • 本文向大家介绍js中的如何定位固定层的位置,包括了js中的如何定位固定层的位置的使用技巧和注意事项,需要的朋友参考一下 需要获取一些HTML的对象的坐标来更灵活的设置目标层的坐标,这里可以通过用到document.body.scrollTop等属性,但是这些属性在xhtml的标准网页中或更简单的说就是带<!DOCTYPE...>的标签中得到的值是0;如果不要此标签则一切正常,那么在xhtml中如何

  • 问题内容: 我已经有一段时间了,这似乎是一个Chrome重绘错误,尚未修复。因此,我正在寻找任何权宜之计。 主要问题是页面上的元素具有使用以下内容的背景图像时: 如果另一个元素固定并具有子视频元素,则它将导致具有背景图像的元素消失。 现在,它可以在Safari(以及Firefox和IE)中正常运行,因此这并不是Webkit的问题。我已经应用了一些没有用的建议属性。 目前,我的解决方案只是通过媒体查

  • 问题内容: 如果我在HTML页面中有一个非滚动标题,该标题固定在顶部并具有定义的高度: 有没有一种方法可以使用URL锚点(该部分)使浏览器滚动到页面中的某个点,但是在 没有JavaScript的帮助下 仍然可以尊重固定元素的高度? 问题答案: 我有同样的问题。我通过将一个类添加到锚元素(顶部栏高度为padding-top值)来解决此问题。 然后简单的CSS: