fixed相关内容

CSS实现类似的固定浮动div总是在其他div的顶部 - 像stackoverflow吗?

我想达到与此图片中类似的效果: 在这里输入链接description http://img843.imageshack.us/img843/8328/floatingheader.png 基本上,我想有一个div作为菜单栏总是在顶部 - 它下面的div是我的内容的容器div。点击菜单栏中的任何链接只会更改容器div中的内容。 解决方案 您需要使用 position:fixed ..
发布时间:2017-02-21 14:15:49 前端开发

显示CSS:一些div固定,一些灵活

我需要在我的网站发生以下事情: 计数器和标志(顶部,底部)应该始终具有相同的高度,并保持在顶部和底部,即使屏幕高度将减少/增加。但是当窗口改变时,其他两个div之间应该更小/更大。我希望这个例子更容易理解: 当屏幕高度过低时,标志将消失。这里是css: 这个部分是80%的宽度,除了20%,但在这里真的很重要... #countdown { padding:0.5em 0.5 ..
发布时间:2017-02-17 20:54:21 前端开发

100%宽度的固定位置页脚从窗口向右延伸

我需要帮助,尝试让此页脚设置在固定的位置。我正在学习,我试图做一个合理的液体布局。这是一个正在进行的工作,但是我不能继续,直到我在合适的地方得到页脚。 我的问题是它继续延伸到窗口右边。有时它创建一个滚动条,不遵循边际规则。我试过了我可以想到的一切,我可以找到通过使用可信赖的谷歌。我已经使用最新的chrome和firefox版本,看看是否是一个chrome问题。 我曾经有一个wrap容器 ..
发布时间:2017-02-17 01:49:41 前端开发

固定顶部菜单滚动不允许到达屏幕的底部

我的固定顶部菜单有一个奇怪的行为。屏幕高度是动态的(取决于数据库检索的注册表数量)。当注册表的数量创建一个滚动,但不足以覆盖所有的菜单,屏幕反弹,不允许我到达底部(滚动跳上去,无论什么)。 我可以在这里模拟行为: http://jsfiddle.net / thiagoprzy / 0kkx9tsb / 我相信问题依赖于我创建JS部分的方式,但是当我搜索其他解决方案时,几乎所有的 ..
发布时间:2017-02-13 11:36:36 前端开发

CSS background-image调整大小当我设置background-attachment:fixed

我有一个名为“page”的div。我使用CSS设置其背景图像,使用下面的代码。我的尺寸图像采取的div的宽度的100%,它很好地设置其高度来保持其规模。但是当我设置“background-attachment:fixed”时,它会调整图像的大小。它增加了图像大小,现在它不适合我的div,所以大部分是剪切。 $ b c $ c> #page { height:1 ..
发布时间:2017-02-12 19:32:57 前端开发

固定边栏在滚动停止在div

我尝试确保div“过滤器”在滚动时变得固定,然后停止到“outside_footer_wrapper”。使用以下脚本但不能让它工作? jsfiddle $(function(){ var top = $('#filter')。offset()。top - parseFloat($('#filter')。css('marginTop')。replace(/ auto /,0)); ..
发布时间:2017-02-12 19:15:09 前端开发

固定 - 液体 - 固定布局

我想要一个[固定] [液体] [固定]跨浏览器兼容版式。 HTML: body div#col-1 div#col-2 div#col-3 CSS: col-1 { width:150px; float:left; } #col-2 { width:100%; padding:0 150x; } #col-3 { pos ..
发布时间:2017-02-09 20:34:10 前端开发

问题与固定的标题,页脚和侧栏在ipad / iphone

我正在为当地分会开发一个新网站。 我创建了主网页,并有固定的标题,页脚和边bar,内容在滚动元素中。该页面在我的MacBook和各种浏览器中看起来完美。当我看着我的iPhone或iPad的页面,页面看起来应该,直到我放大页面,然后固定侧栏不再固定。 如果任何人有任何关于我做错了的线索,我会非常感谢,因为这让我疯狂。 您可以在 http://tawvelo.org/new/home ..
发布时间:2017-02-09 20:24:32 前端开发

CSS的background-position固定为parent

我的问题有点棘手,我不确定是否可能,但我想我有一个记忆,做之前或看到它在某个地方。 所以,我做一个水平菜单。我有一个大小为980x36像素的div块。它有一个背景图片: 我有链接 text )我做了块元素( display:block; )并向左浮动。现在看起来更像这样: 现在我想让所有的活动链接和所有的鼠标移动的链接有不同的背景,例如: ..
发布时间:2017-02-09 18:22:46 前端开发

固定div背景重叠浏览器滚动条

我以前没有见过的很奇怪的行为。 我有一个固定的位置div,有一个透明的png背景图片。 z-index设置为-1,以便内容可以滚动到固定的图像与滚动条。 我有它的底部和右边定位在0px,但 这是链接: http://adamjcas.www59.a2hosting.com/pg/show/id/4 CSS: #plants / * for the cut pa ..
发布时间:2017-02-09 14:34:48 前端开发

如何在滚动页面上的某些点时淡入/淡出div?

当用户滚动到页面中的某一点时,如何淡入/淡出彼此之间的div?我有一个固定的按钮,当用户到达页面上的6个不同点时,我想更改。换句话说,我可以链接到同一按钮的6个不同的东西在页面上的不同点,从上面1000px,然后2000px等。 每个的按钮在其中有不同的单词,所以我只想让每个按钮在下一步后,当滚动到达正确的px数量时,淡入。 html ..
发布时间:2017-02-09 12:57:41 前端开发

在窗口底部的固定div的一种更清晰的方式,但是保持在页脚的上方,并触发页面宽度

我创建了一个粘滞的条,留在窗口的底部。当用户向下滚动到页面底部时,相同的栏将保持固定,直到页脚显示,然后临时删除其固定位置,以保持在页脚上方,直到用户向上滚动并再次保持固定。 我只想在页面宽度大于680像素时发生。下面的任何内容都会将粘条保留在默认位置(CSS:position:inherit)。 这是网站: http://ttd.firefly-digital.co.uk 它的 ..
发布时间:2017-02-09 09:47:20 前端开发

如何使“固定”元素可滚动

我知道这听起来有些违反直觉,但让我解释一下我想要做什么。 我有一个大的元素作为背景。它不调整大小。它通常大于被浏览的屏幕。这个元素的大部分内容(它只是一个图像)靠近中心。让我们说,唯一的NECESSARY信息是在中间的800px,整个东西是1600px宽。 为什么它比必要的更宽?因为它令人愉快地退化到其余的背景,并添加到网站的设计。 所以我使元素固定,并使用一个标准的把戏中心它。 ..
发布时间:2017-02-09 09:33:46 前端开发

固定位置元素继承了flex项目的宽度

我正在构建一个UI,它需要在视口底部有一个固定的位置/粘性元素,宽度受主要内容区域的限制。主要内容区域可选择地侧面有(固定)具有固定宽度的左侧和/或右侧边栏,因此我使用Flexbox构建具有 flex-grow:1 我从@Marc Audet接受的答案学习了设置 width:inherit 在固定元素上通常是如何解决这个问题,但它似乎只有当它的父级有一个指定的宽度,这不利于我考虑我需要主要内 ..
发布时间:2017-02-07 21:37:24 前端开发

Bootstrap< div class =" navbar navbar-fixed-top">

我试图用Bootstrap构建一个网站。到目前为止一切都按计划进行。我想要一个固定的导航栏,我使用内置函数: 这是伟大的,只是我需要的,但我想导航和标题开始同一放置为容器而不是一直到左/右(仍然有导航栏的宽度100%我试图把一个容器里面的导航栏,这是不正确的解决方案:-) 解决方案 示例 ..
发布时间:2017-02-07 20:18:00 前端开发

固定元素,推回内容

我寻找一种方法,在页面的顶部有一个固定的元素,将根据页面宽度改变的高度,也将推回内容下面。我管理了一些东西,但我希望一个更清洁的解决方案。 我做的是有2个顶级元素具有相同的内容。 一个设置为位置固定,另一个设置为相对,但没有不透明度... top-1 {position:fixed; background-color:#fff} #top-2 {position:relative; ..
发布时间:2017-02-07 19:29:40 前端开发