scrollTop 以编程方式更改后固定位置按钮上的移动 Safari 错误...?
我刚刚完成了一个网页，但 Mobile Safari(iPhone 和 iPad iOS 5.0.1)中存在一个错误，其中两个按钮固定在右上角和右下角.. 直到在打开页面其余部分的文本框上单击提交后，按钮才会淡入...在页面的其余部分加载并且按钮淡入后，您可以单击其中任何一个并他们都工作...... 但是，单击它们会导致程序化滚动，并且在滚动完成后，您无法再单击任何一个按钮，除非您用手
..
css-position相关内容
iOS 5 固定定位和虚拟键盘
我有一个移动网站，它通过 position:fixed 将 div 固定在屏幕底部.在 iOS 5 中一切正常(我正在 iPod Touch 上进行测试)，直到我在带有表单的页面上.当我点击输入字段并出现虚拟键盘时，突然我的 div 的固定位置丢失了.只要键盘可见，div 现在就会随着页面滚动.一旦我点击完成关闭键盘，div 就会恢复到屏幕底部的位置并遵守 position:fixed 规则.
..
创建可变高度“固定"带有可滚动内容的 CSS 标头
我想在页面上创建一个在您滚动页面时不会移动的页眉. 这看起来很简单，只需在样式中添加“位置:固定"，但随后内容会出现在标题下方，因为标题已“从流程中移除".所以我认为的解决方案是在内容中添加“margin-top:height". 当标题的高度可变时，解决此问题的最佳方法是什么? 我有一个演示问题的小提琴: http://jsfiddle.net/waterlooalex/
..
定位位置:当前处于“卡住"状态的粘性元素
位置:粘性适用于某些移动设备浏览器，因此您可以让菜单栏随页面一起滚动，但只要用户滚动经过它，它就会停留在视口的顶部. 但是，如果您想在粘性菜单栏当前“固定"时稍微重新设置它的样式怎么办?例如，您可能希望栏在与页面一起滚动时具有圆角，但是一旦它粘在视口的顶部，您就想摆脱顶部的圆角，并在下面添加一点阴影它. 是否有任何类型的伪选择器(例如 ::stuck)来定位当前具有 position:
..
IE8 标准模式:div 上的 onclick 处理程序不会触发
在我的应用程序中，我有一排按钮(用于 BBcode)，包含在各个位置.每个按钮都是一个具有固定尺寸的空 div、一个背景图像和一个 onclick 处理程序.到目前为止，这在所有浏览器中都运行良好. 现在我又添加了这一行的一个实例，但这次它位于一个绝对定位的弹出 div 中.(至少这是我能想到的一个显着差异，因为否则它是完全相同的代码.)这也适用于除 IE8 之外的所有浏览器，在这些浏览器中
..
居中全屏背景视频
我最近在玩 html5 并想到了使用的想法 使用以下 html 代码作为网站背景的全屏视频: 此外，我使用了以下 css 代码来正确对齐它: #video_background{位置:绝对；底部:0px；右:0px；最小宽度:100%；最小高度:100%；最大宽度:4000%；最大高度:4000%；宽度:自动；高度:自动；z 指数:-1000；溢出:隐藏；} 效果很好，但我想让我的
..
嵌套具有 position: fixed 的元素时会发生什么?
好的，我注意到了一些东西，但在 CSS 规范中找不到.使用 position: fixed 对元素进行样式设置将相对于浏览器视口进行绝对定位.如果将一个固定位置的元素放在另一个元素中会发生什么? CSS 示例: .fixed {位置:固定；宽度:100px；高度:100px；背景:红色；}#父母{右 100 像素；填充:40px；}.fixed .fixed {背景:蓝色；}
..
固定 div 右侧的悬停菜单
我有一个固定位置(顶部面板)的 div，它的最右侧还应包含一个设置菜单(当前通过浮动). 将鼠标悬停在设置图像上时，我想在图像下方显示一个菜单.我希望菜单像图像一样与右侧对齐.
..
左侧固定菜单和内容可滚动
我想要一个固定在左侧的菜单，而右侧的内容可以滚动. 我想做的和这个网站完全一样:http://other.wpengine.com/ 菜单固定，内容可滚动. 你们能帮我吗? 提前致谢！ 解决方案 从我这里快速获取一个，查看一下.你至少应该尝试过自己，但我没有做太多，所以我做了一些东西. HTML:
侧边菜单
..
静态定位和相对定位的区别
在 CSS 中，静态(默认)定位和相对定位有什么区别? 解决方案 静态定位是元素的默认定位模型.它们显示在作为正常 HTML 流的一部分呈现的页面中.静态定位的元素不遵守left、top、right 和bottom 规则: 相对定位允许您指定相对于元素在 HTML 流中的正常位置的特定偏移量(left、top 等).因此，如果我在 div 中有一个文本框，我可以在文本框上应用相对定位
..
定义“高度"时“位置:粘性"不起作用
我正在构建一个登陆页面，用户首先会在其中看到一个主要区域，其下方有一个页脚.进一步向下滚动会发现页脚是一个粘性页眉，我打算使用纯 CSS 来实现这一点.为了获得主要内容和页脚的全屏外观，我将 height 属性设置为两个不同的值:92% 和 8%(使用 vh 也不起作用).无论我在 CSS 中指定的 height(不同单位和所有单位)如何，我的页脚 div 都不会粘住.一旦我删除了 height
..
我的立场:粘性元素在使用 flexbox 时不粘性
我被这个问题困住了一段时间，并想我会分享这个position:sticky + flexbox gotcha: 我的粘性 div 工作正常，直到我将视图切换到 flex box 容器，当它被包裹在 flexbox 父级中时，div 突然变得不粘了. .flexbox-wrapper {显示:弹性；高度:600px；}.常规的 {背景颜色:蓝色；}.sticky {位置:-webkit-
..
定位一个“固定"的 Div垂直和“绝对"水平在“位置:相对"内容器部门
我正在寻找一种方法，我可以创建一个垂直固定在页面上的 div，因此如果用户向下滚动，该 div 将保持在页面上的同一位置.但是让它绝对水平放置，所以如果用户屏幕比我的网页窄，向右或向左滚动不会导致 div 随屏幕移动，并且在某些情况下，在屏幕边缘保持一半可见或完全离开页面. 此 div 必须在“Position:Relative"Div 内. 我相当确定没有办法为 div 的不同轴分配
..
仅滚动内容 div，其他应修复
我有三个 div.我需要固定 header 和 left_side div，滚动内容 div.我一直在寻找解决方案，并发现了overflow 和position 的问题.但我不能正确使用它.我怎样才能做到这一点?我会很感激每一种答案. body {宽度:100%；高度:自动；填充:0；边距:0px 自动；字体系列:Calibri、Georgia、Ubuntu-C；字体大小:16px；保证金底
..
仅在 div 容器内固定位置元素
我在容器中有一个固定的块元素.滚动时，固定定位的元素超出了容器.我知道固定元素将根据窗口 vw 定位.但是有什么方法可以确保固定定位的元素只会滚动到容器位置.固定位置元素不应超出容器 问题如下. https://codepen.io/anon/pen/dKLByX 我尝试使用以下方法解决问题: if($(window).scrollTop()>1900){$('.fixed-c
..
有一个固定位置的 div，如果内容溢出需要滚动
我实际上有两个问题，但让我们先解决主要问题，因为我认为另一个更容易解决. 我在菜单的滚动左侧有一个固定位置的 div.右侧是一个可以正确滚动的标准 div.问题是当浏览器视口太小而无法看到整个菜单时..没有办法让它滚动我可以找到的(至少不是使用 css).我试过在 css 中使用不同的溢出，但没有任何东西使 div 滚动.包含菜单的 div 设置为 min-height:100% 和 pos
..
滚动到该 div 后如何使 div 固定?
如何使 div 在滚动到 div 后保持固定?我有一个位于页面后面的 div，您需要滚动才能找到该 div. 如果我使用: .divname {位置:固定；} div 会在正常出现之前出现.也许我需要的一个很好的例子是 9gag 上的第二个广告.如果您的屏幕分辨率足够低，加载首页后您将看不到该广告，但向下滚动后，您会看到第二个广告，并且在向下滚动时它会保持固定. 解决方案 现在这
..
如何在引导响应表中使用省略号
在响应表中 text-overflow:ellipsis 在 th 中的数据增加时不起作用(如 col-xs-2 宽度增加). 代码如下:
..
如何在 Bootstrap 4 中使用 CSS 位置粘性保持侧边栏可见
我有一个像这样的两列布局:
如果我将 position:sticky 设置为侧边栏列，我会得到侧边栏的粘性行为:https://codepen.io/marcanuy/pen/YWYZEp CSS: .sticky {位置:粘性；顶部:10px；} HTML:
..
带有固定页眉/页脚的移动页面上的内容滚动
您好，我正在构建一个移动网页，其中我的内容只会滚动，而我的页脚和页眉位置:固定 - 我可以制作内容以便它不会在页眉或页脚下滚动，以便它只是滚动在它自己的 div 中. 我想这样做的原因是我的页眉和页脚会有一些不透明度，如果内容被滚动到 下，它看起来不太好. 这是我制作的 jsfiddle，只是为了向您展示滚动示例 http://jsfiddle.net/VNVqs/ 解决方
..