css-position相关内容

在 iPhone Mobile Safari 中单指滚动内部内容 (div/iframes)

Sub:iPhone 移动 Safari 网络应用程序 即使在用户滚动时，我也需要保持网页的某些部分可见.CSS 属性 position:fixed 无法按预期工作.使用overflow:auto 属性或需要两指滚动，这不是我想要的. 有没有办法使用javascript或iphone safari Touch API(touchMove事件)在内部“div"或“iframes"内容上提 ..
发布时间：2021-12-22 23:56:31 移动开发

固定在 chrome mobile 上的位置导致元素在向上/向下滚动时移动

我遇到了这个奇怪的问题，看起来像是 Chrome 移动版上的错误. 我有一个带有 position:fixed 的 div；与屏幕右上角对齐.在桌面上，它工作正常(它保持原位)，但是在移动设备上，当我向上或向下滚动时，div 正在移动.我制作了一个视频来更好地解释它: https://www.youtube.com/watch?v=gCgN6ULkcMg 向上滚动效果很好 ..
发布时间：2021-12-22 23:34:24 前端开发

为什么 IE 中的 Z-Index 不按照它应该在 Flash 电影上的方式呈现?

我在一个有两个绝对定位的 div 的网站上工作......标志和菜单(导航栏) 即使在多次尝试 z-index 操作之后，IE 也会将它们都埋起来.看在上帝的份上，为什么 IE 不能像 Firefox 甚至 Opera 一样好用? 更新....... 我忘了提到这些 div 位于 Flash 电影上.我怎么可能把它排除在外?！ 解决方案 如果您的 Flash 影片隐藏了您 ..
发布时间：2021-12-20 17:42:16 其他开发

Firefox 中的相对位置

可能的重复: Firefox 是否支持位置:相对于表格元素? > 这是一个示例:全角菜单作为表格，ul-s 作为下拉菜单.http://cssdesk.com/dW7WS 在 ie 和opera 中工作正常，但在firefox 下拉菜单中显示整个屏幕！ 有什么帮助吗? 解决方案 position: relative 不适用于表格单元格( 或 display: 表格单元). ..
发布时间：2021-12-19 13:55:57 前端开发

如何在引导程序 3 中向下滚动带有固定标题(导航栏)的表格行时将表格标题(thead)粘贴在顶部?

带有 fixed-navbar 的 Bootstrap 布局.正文中有这么多行的表格. 问题?当我滚动页面导航栏时，它会在那里，因为它是固定的.当我滚动更多时，我希望表格标题固定在导航栏下，表格(表格正文)的内容在没有滚动条的情况下滚动！ 类似的东西 - Codepen **Fiddle ** 引导表 参考答案后工作小提琴！ HTML ..
发布时间：2021-12-07 22:03:28 前端开发

修复了流畅的 twitter bootstrap 2.0 中的侧边栏导航

是否可以使侧边栏导航始终固定在流体布局中的滚动上? 解决方案 注意: 有一个引导 jQuery 插件可以执行此操作，并且在编写此答案后的几个版本中引入了更多插件(大约两年前)称为 Affix.此答案仅适用于使用 Bootstrap 2.0.4 或更低版本的情况. 是的，只需为您的侧边栏创建一个新的固定类，并向您的内容 div 添加一个偏移类以弥补左边距，如下所示: CSS . ..
发布时间：2021-12-07 21:48:32 前端开发

WPF WebBrowser Control - position:fixed 元素在滚动时跳转(Windows 8)

我们使用 WPF WebBrowser 控件来显示嵌入的页面.在 Windows 8 上，我们观察到带有 css position:fixed 的元素在滚动时出现奇怪的跳跃行为. 相同的页面在 Windows 8 上的 IE10(以及 FF、Chrome)和 Windows 7 上的 WPF WebBrowser 控件中都可以正常工作. 有没有人以前见过这种行为并且知道如何解决跳跃动作 ..
发布时间：2021-12-05 17:14:07 C#/.NET

“位置:粘性"如何?物业工作?

我想让导航栏在用户滚动页面后粘在视口的顶部，但它不起作用，我不知道为什么.如果你能帮忙，这是我的 HTML 和 CSS 代码: .container {最小高度:300vh；}.nav-选择{文本转换:大写；字母间距:5px；字体:18px“拉托"，无衬线；显示:内联块；文字装饰:无；白颜色;填充:18px；浮动:对；左边距:50px；过渡:1.5s；}.nav-selections:hov ..
发布时间：2021-12-01 16:48:44 前端开发

了解 z-index 堆叠顺序

我对使用 z-index 来决定堆栈顺序有点困惑. 我不太明白浏览器如何处理带有 position 属性的元素和没有它的元素. 是否有一个通用规则来决定元素的堆栈顺序，无论是否明确定位元素? 感谢不同情况的示例.一般而言: 混合兄弟 有位置设置和没有位置设置. 嵌套 s与兄弟 s混合，有位置设置和没有位置设置. 解决方案 CSS 基础 z-index 属性 ..
发布时间：2021-12-01 16:43:11 前端开发

为什么底部:0 不适用于位置:粘性?

我想了解 css “sticky" 的作用.我可以让它粘在它的父母的“顶部"，但不是“底部" 我的测试代码是: .block {背景:粉红色；宽度:50%；高度:200px；}.移动 {位置:粘性；底部:0；} 1111 11111 11111 11111 11111 ;11111 11111 美国AAA ..
发布时间：2021-12-01 16:38:54 前端开发

为什么在父级上应用 CSS 过滤器会破坏子级定位?

所以我有这个标题屏幕“动画"标题以全屏页面为中心，当您向下滚动时，它会变小并保持在页面顶部.这是一个具有预期行为的工作示例，我从中删除了所有不必要的代码以使其最小化: $(window).scroll(() => {“严格使用"；让 windowH = $(window).height();让 windowS = $(window).scrollTop();让 header = $("#he ..
发布时间：2021-12-01 16:14:20 前端开发

固定位置但相对于容器

我正在尝试修复 div 以便它始终粘在屏幕顶部，使用: 位置:固定；顶部:0px；右:0px； 然而，div 位于一个居中的容器内.当我使用 position:fixed 时，它会相对于浏览器窗口修复 div，例如它位于浏览器的右侧.相反，它应该相对于容器固定. 我知道 position:absolute 可用于固定相对于 div 的元素，但是当您向下滚动页面时，元素消失并且不会粘住与 ..
发布时间：2021-12-01 16:10:57 前端开发

为什么具有 z-index 值的元素不能覆盖其子元素?

今天经过几个小时的调试，我艰难地学会了这条规则: 如果父元素的 z-index 为任何值，则无论您如何更改子元素的 CSS，父元素都永远无法覆盖(堆叠在其顶部)其子元素 我如何从逻辑上理解这种行为?是否符合规范? .container {宽度:600px；高度:600px；背景颜色:鲑鱼；位置:相对；z-索引:99；填充顶部:10px；}h1{背景颜色:粉红色；位置:相对；z-索 ..
发布时间：2021-12-01 15:54:15 前端开发

为什么我的绝对/固定定位元素不在我期望的位置?

我只是在学习 CSS 中的定位.根据我发现有用的文章，我开始尝试. 使用以下代码，我无法理解为什么绝对灰盒 div 在其相对父级之外.我预计灰色框将位于容器的左上角. .container {背景:浅蓝色；位置:相对；}.box-orange {背景:橙色；高度:100px；宽度:100px；位置:相对；顶部:100px；左:100px；z-索引:2；}.box-blue {背景:浅蓝 ..
发布时间：2021-12-01 13:26:46 前端开发

“transform3d"不适用于位置:固定子项

我有一种情况，在正常的 CSS 环境中，固定的 div 将准确定位在指定的位置(top:0px、left:0px). 如果我有一个具有 translate3d 转换的父级，这似乎不受尊重.我没有看到什么吗?我尝试过其他 webkit-transform，如 style 和 transform origin 选项，但没有运气. 我附上了一个 JSFiddle 的例子，我希望黄色框在页面的 ..
发布时间：2021-12-01 12:45:05 前端开发

居中对齐一个固定位置的div

我正在尝试获取一个 position:fixed 在我的页面上居中对齐的 div. 我总是能够使用这个“hack"用绝对定位的 div 来做到这一点 左:50%；宽度:400px；左边距:-200px ...其中 margin-left 的值是 div 宽度的一半. 这似乎不适用于固定位置的 div，相反，它只是将它们的最左角放置在 50% 处，并忽略了 margin-left 声 ..
发布时间：2021-11-27 08:03:45 前端开发