javascript - 无论水平滚动如何,始终保持图像居中

标签 javascript jquery html css

我正在尝试创建带有图像的标题,但无论水平滚动如何,我都需要它保持居中。所以几乎保持它居中并随着滚动条移动,所以它总是显示。

我尝试将其居中并按照我在 SO 中找到的几个示例进行操作,但没有一个包含我需要的内容。

非常感谢任何帮助

最佳答案

听起来你想要固定位置:

img.centered
{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px; /* Width of image /2 */
  margin-top: -100px; /* Height of image /2 */
}

HTML:

<body>
   <img class="centered" src="..." />
</body>

关于javascript - 无论水平滚动如何,始终保持图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16795984/

相关文章:

javascript - 如何将 Next.js 应用程序发布为 npm 包?

javascript - 如何将 png Canvas 图像下载为 PDF JQuery

jquery - Materialize CSS - Sidenav 覆盖覆盖所有页面

javascript - WebKitBlobBuilder 在 Safari 中可用吗?

javascript - Bootstrap 中的下拉导航栏不起作用

javascript - 匿名递归 - 有什么方法可以将 javascript 'arguments.callee' 替换为其他符号,例如 'SELF' ?

javascript - 这是 getFeaturesAtPixel(pixel, opt_options) 的错误吗?

javascript - 如何根据新位置更新 LAT/LONG 变量并刷新引脚

javascript - 打破数组内的数组 php

javascript - Inkscape 突出显示 svg 的不同部分并在 html 中操作 svg map