fixed相关内容
我自己使用jquery DataTable创建了一个具有固定列的html表,参考这个例子就是 $(document).ready(function(){ var table = $('#example')。DataTable({ scrollY:“300px”, scrollX:true, scrollCollapse:true, paging:false }) ; new
..
我想达到与此图片中类似的效果: 在这里输入链接description http://img843.imageshack.us/img843/8328/floatingheader.png 基本上,我想有一个div作为菜单栏总是在顶部 - 它下面的div是我的内容的容器div。点击菜单栏中的任何链接只会更改容器div中的内容。 解决方案 您需要使用 position:fixed
..
我尝试在Android的jQuery移动应用(我也使用phonegap)的第一页上添加全屏固定的背景图片。 简而言之,我想要的背景图片是全屏和固定的,而页面内容滚动它上面。背景图片还需要缩放到不同设备的大小。 这是我到目前为止...
..
我需要在我的网站发生以下事情: 计数器和标志(顶部,底部)应该始终具有相同的高度,并保持在顶部和底部,即使屏幕高度将减少/增加。但是当窗口改变时,其他两个div之间应该更小/更大。我希望这个例子更容易理解: 当屏幕高度过低时,标志将消失。这里是css: 这个部分是80%的宽度,除了20%,但在这里真的很重要... #countdown { padding:0.5em 0.5
..
我需要帮助,尝试让此页脚设置在固定的位置。我正在学习,我试图做一个合理的液体布局。这是一个正在进行的工作,但是我不能继续,直到我在合适的地方得到页脚。 我的问题是它继续延伸到窗口右边。有时它创建一个滚动条,不遵循边际规则。我试过了我可以想到的一切,我可以找到通过使用可信赖的谷歌。我已经使用最新的chrome和firefox版本,看看是否是一个chrome问题。 我曾经有一个wrap容器
..
我的固定顶部菜单有一个奇怪的行为。屏幕高度是动态的(取决于数据库检索的注册表数量)。当注册表的数量创建一个滚动,但不足以覆盖所有的菜单,屏幕反弹,不允许我到达底部(滚动跳上去,无论什么)。 我可以在这里模拟行为: http://jsfiddle.net / thiagoprzy / 0kkx9tsb / 我相信问题依赖于我创建JS部分的方式,但是当我搜索其他解决方案时,几乎所有的
..
我有一个名为“page”的div。我使用CSS设置其背景图像,使用下面的代码。我的尺寸图像采取的div的宽度的100%,它很好地设置其高度来保持其规模。但是当我设置“background-attachment:fixed”时,它会调整图像的大小。它增加了图像大小,现在它不适合我的div,所以大部分是剪切。 $ b c $ c> #page { height:1
..
我尝试确保div“过滤器”在滚动时变得固定,然后停止到“outside_footer_wrapper”。使用以下脚本但不能让它工作? jsfiddle $(function(){ var top = $('#filter')。offset()。top - parseFloat($('#filter')。css('marginTop')。replace(/ auto /,0));
..
我想要一个[固定] [液体] [固定]跨浏览器兼容版式。 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
..
我正在为当地分会开发一个新网站。 我创建了主网页,并有固定的标题,页脚和边bar,内容在滚动元素中。该页面在我的MacBook和各种浏览器中看起来完美。当我看着我的iPhone或iPad的页面,页面看起来应该,直到我放大页面,然后固定侧栏不再固定。 如果任何人有任何关于我做错了的线索,我会非常感谢,因为这让我疯狂。 您可以在 http://tawvelo.org/new/home
..
我的问题有点棘手,我不确定是否可能,但我想我有一个记忆,做之前或看到它在某个地方。 所以,我做一个水平菜单。我有一个大小为980x36像素的div块。它有一个背景图片: 我有链接 text )我做了块元素( display:block; )并向左浮动。现在看起来更像这样: 现在我想让所有的活动链接和所有的鼠标移动的链接有不同的背景,例如:
..
以下情况: [标题的占位符]
[content] 我需要标题总是可见的和在顶部,所以这一个应
..
我以前没有见过的很奇怪的行为。 我有一个固定的位置div,有一个透明的png背景图片。 z-index设置为-1,以便内容可以滚动到固定的图像与滚动条。 我有它的底部和右边定位在0px,但 这是链接: http://adamjcas.www59.a2hosting.com/pg/show/id/4 CSS: #plants / * for the cut pa
..
好朋友在这里我的问题, 我试图让我
< ;! - AJAX Loaded Content - > 可以在我之间的高度
..
当用户滚动到页面中的某一点时,如何淡入/淡出彼此之间的div?我有一个固定的按钮,当用户到达页面上的6个不同点时,我想更改。换句话说,我可以链接到同一按钮的6个不同的东西在页面上的不同点,从上面1000px,然后2000px等。 每个的按钮在其中有不同的单词,所以我只想让每个按钮在下一步后,当滚动到达正确的px数量时,淡入。 html
..
我创建了一个粘滞的条,留在窗口的底部。当用户向下滚动到页面底部时,相同的栏将保持固定,直到页脚显示,然后临时删除其固定位置,以保持在页脚上方,直到用户向上滚动并再次保持固定。 我只想在页面宽度大于680像素时发生。下面的任何内容都会将粘条保留在默认位置(CSS:position:inherit)。 这是网站: http://ttd.firefly-digital.co.uk 它的
..
我知道这听起来有些违反直觉,但让我解释一下我想要做什么。 我有一个大的元素作为背景。它不调整大小。它通常大于被浏览的屏幕。这个元素的大部分内容(它只是一个图像)靠近中心。让我们说,唯一的NECESSARY信息是在中间的800px,整个东西是1600px宽。 为什么它比必要的更宽?因为它令人愉快地退化到其余的背景,并添加到网站的设计。 所以我使元素固定,并使用一个标准的把戏中心它。
..
我正在构建一个UI,它需要在视口底部有一个固定的位置/粘性元素,宽度受主要内容区域的限制。主要内容区域可选择地侧面有(固定)具有固定宽度的左侧和/或右侧边栏,因此我使用Flexbox构建具有 flex-grow:1 我从@Marc Audet接受的答案学习了设置 width:inherit 在固定元素上通常是如何解决这个问题,但它似乎只有当它的父级有一个指定的宽度,这不利于我考虑我需要主要内
..
我试图用Bootstrap构建一个网站。到目前为止一切都按计划进行。我想要一个固定的导航栏,我使用内置函数:
这是伟大的,只是我需要的,但我想导航和标题开始同一放置为容器而不是一直到左/右(仍然有导航栏的宽度100%我试图把一个容器里面的导航栏,这是不正确的解决方案:-) 解决方案 示例
..
我寻找一种方法,在页面的顶部有一个固定的元素,将根据页面宽度改变的高度,也将推回内容下面。我管理了一些东西,但我希望一个更清洁的解决方案。 我做的是有2个顶级元素具有相同的内容。 一个设置为位置固定,另一个设置为相对,但没有不透明度... top-1 {position:fixed; background-color:#fff} #top-2 {position:relative;
..