问题标签 [positioning]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 滚动后将元素定位在屏幕中间
我的页面是屏幕高度的 2 倍（大小取决于页面上的其他项目）。无论滚动位置如何，我都想在屏幕中间显示一个绝对定位的 SPAN。
我在按钮单击时应用以下样式，但是如果我一直向下滚动，该元素会显示在页面的最顶部，因为它从整个页面顶部开始计算 50%。
如何在单击按钮时根据滚动药水将元素定位在页面中间？
谢谢你。
css - 有没有办法在 CSS 中指定溢出？
我在我的设计中使用了很多position:relative;，我只是发现它是把所有东西放在我需要的地方最简单的方法。
但是，我在我的网站上添加的项目越多（每个项目都有自己的div)，每个项目最终都会在我的页面底部越来越远，所以我必须手动将它们定位得更高。
这在底部留下了很多空白空间，我认为添加height: 1000px;会限制滚动，但这种方法似乎不起作用。
我什至尝试添加height: 1000px;到包装器中，但它仍然无法正常工作。
如何将垂直滚动限制为我选择的像素数？
提前非常感谢。
css - 我的页面布局是否需要某种 IE 6 hack？
我被告知我的网站roofcommunityservices.org在IE6 中存在一些div 转换问题。我们办公室没有 IE6，但我确实使用 Firefox 渲染工具查看屏幕截图，我大致了解。我在 Mac 上，看不到与我的客户相同的问题。
有人可以看看 IE6 PC 中的网站并告诉我他们看到了什么，特别是在捐赠页面上吗？
非常感谢。
javascript - jquery：你能详细说明这个职位是如何工作的吗？新手使用偏移量等定位
跟踪这个jquery自动完成功能，有人可以详细解释这里发生了什么吗？
它使用这个功能：
参考：http ://www.pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js
css - CSS：固定到底部并居中
我需要将页脚固定在页面底部并使其居中。页脚的内容可能随时发生变化，所以我不能只通过 margin-left: xxpx; 将其居中。右边距：xxpx；
问题是由于某种原因这不起作用：
我爬了网，一无所获。我尝试制作一个容器 div 和 nada。我尝试了其他组合和gurnisht。我怎样才能做到这一点？
谢谢
css - 定位错误
我注意到我正在维护的一个网站在 FF/IE8/Chrome 中存在一个小布局错误（例如在此页面上） - 左上角的图像有点高，误入顶部的标题。
我想知道为什么当我接管该站
我注意到我正在维护的一个网站在 FF/IE8/Chrome 中存在一个小布局错误（例如在此页面上） - 左上角的图像有点高，误入顶部的标题。
我想知道为什么当我接管该站点时我没有注意到它，但我意识到它只是在我将 IE7 升级到 IE8 之后才变得明显 - 显然这个问题早就存在于“正确的”浏览器中。
对于这些“正确”的浏览器，这个绝对定位的图像需要将 top 属性设置为 59px，而不是 IE7（及更低版本）需要的 56px。
解决方案很简单，但是 a) 我想先了解问题，b) 我想考虑一系列解决方案（我知道会有不止一个）。考虑到这一点...
- 问题的原因是什么？
很多定位问题是由于错误的IE框模型，但我认为这已经被IE7修复了。它是仍然影响 IE7 的盒子模型问题还是不同的东西？
- 什么是最好的解决方案？
许多消息来源建议使用条件注释来包含 IE7 补丁 CSS 文件是要走的路：
直截了当，但我宁愿不必将其插入网站上每个页面的标题中（但如果必须的话，我当然会这样做）。
我知道有许多 CSS hack 可能可以完成这项工作，但有一种学派认为应该避免使用 CSS，因为它们更难维护，尤其是在新的浏览器出现时。我当然可以同情这种心态；但是，该站点将在 3 个月内完全重新开发，因此我正在寻找一个短期解决方案。如果我选择使用 CSS hack，我需要做些什么来改变 IE7 及更低版本的行为？
我还读到好的重置样式表可以避免许多这些问题，所以为了一笑，我应用了 Eric Meyer 的Reset Reloaded样式表 - 正如预期的那样，它严重破坏了网站。
回顾一下，到底是什么问题？什么是最好的长期解决方案，什么解决方案最容易部署，给出问题的短期性质？
CSS（'Banner02'）：http ://new.eminox.com/_lib.css/content.css
实际上，我认为您的问题不在于“banner02”的定位，而是“banner01”div 顶部的高度。我在 FF 和 IE7 中打开了站点，并在页面的顶部边缘对齐。图像“banner02”的高度位置完全相同，但标题 div“banner01”在一个浏览器中比另一个浏览器高。我还认为 IE7 以“怪癖模式”运行，这稍微改变了盒子模型。
为了让 FF 和 IE7 看起来一样（对不起，我没有安装 IE8，这是我的工作 PC，所以我不能安装太多来检查它们），我做了 2 处更改：
1)将 DOCTYPE 更改为： <-- 这可能不是必需的。请参阅下面的评论。
到：
2) 为“banner01”定义一个高度，因为之前没有设置（在 Global.css 中）：
（横幅 02 为 59px，因此我们选择高度 48，因为 48 + 10px 上边框 + 1px 下边框 = 59px）
这为我清除了它......但同样，我只在 2 个浏览器中测试了它。希望这会有所帮助！
我注意到我正在维护的一个网站在 FF/IE8/Chrome 中存在一个小布局错误（例如在此页面上） - 左上角的图像有点高，误入顶部的标题。
我想知道为什么当我接管该站
我注意到我正在维护的一个网站在 FF/IE8/Chrome 中存在一个小布局错误（例如在此页面上） - 左上角的图像有点高，误入顶部的标题。
我想知道为什么当我接管该站点时我没有注意到它，但我意识到它只是在我将 IE7 升级到 IE8 之后才变得明显 - 显然这个问题早就存在于“正确的”浏览器中。
对于这些“正确”的浏览器，这个绝对定位的图像需要将 top 属性设置为 59px，而不是 IE7（及更低版本）需要的 56px。
解决方案很简单，但是 a) 我想先了解问题，b) 我想考虑一系列解决方案（我知道会有不止一个）。考虑到这一点...
- 问题的原因是什么？
很多定位问题是由于错误的IE框模型，但我认为这已经被IE7修复了。它是仍然影响 IE7 的盒子模型问题还是不同的东西？
- 什么是最好的解决方案？
许多消息来源建议使用条件注释来包含 IE7 补丁 CSS 文件是要走的路：
直截了当，但我宁愿不必将其插入网站上每个页面的标题中（但如果必须的话，我当然会这样做）。
我知道有许多 CSS hack 可能可以完成这项工作，但有一种学派认为应该避免使用 CSS，因为它们更难维护，尤其是在新的浏览器出现时。我当然可以同情这种心态；但是，该站点将在 3 个月内完全重新开发，因此我正在寻找一个短期解决方案。如果我选择使用 CSS hack，我需要做些什么来改变 IE7 及更低版本的行为？
我还读到好的重置样式表可以避免许多这些问题，所以为了一笑，我应用了 Eric Meyer 的Reset Reloaded样式表 - 正如预期的那样，它严重破坏了网站。
回顾一下，到底是什么问题？什么是最好的长期解决方案，什么解决方案最容易部署，给出问题的短期性质？
CSS（'Banner02'）：http ://new.eminox.com/_lib.css/content.css
实际上，我认为您的问题不在于“banner02”的定位，而是“banner01”div 顶部的高度。我在 FF 和 IE7 中打开了站点，并在页面的顶部边缘对齐。图像“banner02”的高度位置完全相同，但标题 div“banner01”在一个浏览器中比另一个浏览器高。我还认为 IE7 以“怪癖模式”运行，这稍微改变了盒子模型。
为了让 FF 和 IE7 看起来一样（对不起，我没有安装 IE8，这是我的工作 PC，所以我不能安装太多来检查它们），我做了 2 处更改：
1)将 DOCTYPE 更改为： <-- 这可能不是必需的。请参阅下面的评论。
到：
2) 为“banner01”定义一个高度，因为之前没有设置（在 Global.css 中）：
（横幅 02 为 59px，因此我们选择高度 48，因为 48 + 10px 上边框 + 1px 下边框 = 59px）
这为我清除了它......但同样，我只在 2 个浏览器中测试了它。希望这会有所帮助！
php - 如何保存 portlet 位置
我将使用 jQuery 的功能为我的 Web 应用程序套件创建 portlet 小部件。我还没有开始，但很快就会开始，所以这是计划
现在，当前，页面加载，小部件加载到它们的默认位置。用户可以移动它们，更改它们的设置，等等。
现在，我的问题是我希望它为用户保存小部件放置，不仅仅是每个会话，而是作为帐户变量。
我正在使用 PHP 和 MySQL 进行基于级别的编码，我真的不知道从哪里开始。
请帮我 ：）
css - CSS - 将图像定位在文本旁边
我正在做一个网站，其中需要在文本内容旁边显示图像 - 一种伪两列布局，因为图像和文本来自单个 html 源。
我找到了一种非常简单的方法，将图像作为自己的段落并浮动它们。如果没有这些额外的段落并且只将额外的 css 归因于图像，是否还有更简单的方法（关于 html）来做到这一点？
如果浮动图像与文本在同一段落中，则带有和不带有图像的段落的宽度将不同。
编辑：基本上，我正在寻找尽可能简单的 HTML 标记来定位这样的图像。CSS 可能很复杂；）