Tag: 固定

固定附件背景图像闪烁/消失在铬与css转换结合

我目前正在做一个视差网站的主题。 背景图像需要附加固定的某些“div和”部分,以避免jquery沉迷于一切。 问题是在转换完成时,任何animation项目下面的标签的背景图像都只在Google Chrome上消失。 补救?

粘滞边栏:向下滚动时贴在底部,向上滚动时贴在顶部

我一直在寻找一些解决我的粘滞边栏问题的时间。 我有一个特定的想法,我希望如何行动; 有效地,当你向下滚动时,我希望它坚持到底部,然后当你向后滚动时,我想它会以stream畅的运动(不跳跃)粘到顶部。 我无法find我想要达到的一个例子,所以我创造了一个我希望能够更清楚地表明这一点的图像: 侧栏位于标题下。 在向下滚动时,侧边栏与页面的内容保持水平,以便您可以滚动浏览侧边栏和内容。 到达侧边栏的底部,侧边栏粘贴到视口的底部(大多数插件只允许粘贴到顶部,有些粘贴到底部不允许)。 触及底部,侧边栏位于页脚上方。 当您向后滚动时,侧边栏与内容保持水平,因此您可以再次滚动内容和边栏。 到达侧栏的顶部,侧栏粘贴到视口的顶部。 到达顶部和侧边栏位于标题下方。 我希望这是足够的信息。 我创build了一个jsfiddle来testing任何插件/脚本,我已经重置了这个问题: http : //jsfiddle.net/jslucas/yr9gV/2/ . 非常感谢,如果有人有我的解决scheme。

如何获得一个固定的位置div与内容水平滚动? 使用jQuery

我有一个div.scroll_fixed与下面的CSS .scroll_fixed { position:absolute top:210px } .scroll_fixed.fixed { position:fixed; top:0; } 当div到达页面的顶部时,我使用下面的jQuery代码来设置.fixed类。 var top = $('.scroll_fixed').offset().top – parseFloat($('.scroll_fixed').css('margin-top').replace(/auto/, 0)); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); // whether that's below the form if (y >= top) { // if so, ad the fixed class $('.scroll_fixed').addClass('fixed'); } […]

修复了水平滚动条和垂直滚动条的标题表

我一直在试图找出这个问题,我已经与HTML / CSS的粘头+滚动条。 我们正在创build一个程序,在容器大小达到某个特定点时(取决于用户的分辨率),需要滚动条才能显示出来。 我在桌子的第二列强制一个最小宽度,所以桌子在某一点停止下降,迫使容器保持一定的宽度。 容器上的溢出显示水平滚动条。 一切工作正常。 一旦我添加第二个滚动条的垂直滚动,事情正在变得混乱。 有人有这个问题的解决scheme吗? 我想在.table-body上有一个垂直的滚动条,但滚动条必须在外部容器上可见。 有没有一个很好的HTML / CSS解决scheme的固定头表? 我一直在寻找一个星期,但只能find这种行为的jQuery插件。 这是我目前的HTML: <!DOCTYPE html> <html> <head> <title>fixed header prototyping</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="outer-container"> <!– absolute positioned container –> <div class="inner-container"> <div class="table-header"> <table id="headertable" width="100%" cellpadding="0" cellspacing="0"> <thead> <tr> <th class="header-cell col1">One</th> <th class="header-cell col2">Two</th> <th class="header-cell col3">Three</th> <th […]

水平滚动的HTML表格(第一列固定)

我一直在想办法用一个固定的第一列来创build一个表格(其余的表格都是水平溢出的),我看到一个有类似问题的post。 但固定的列位似乎没有解决。 帮帮我?

固定的位置,但相对于容器

我试图修复一个div所以它总是坚持到屏幕的顶部,使用: position: fixed; top: 0px; right: 0px; 但是, div是在一个居中的容器中。 当我使用position:fixed修复div相对于浏览器窗口,如它在浏览器的右侧。 相反,它应该相对于容器固定。 我知道这个position:absolute可以用来修复相对于div的元素,但是当你向下滚动页面时,元素消失,不会像position:fixed一样粘到顶部。 是否有黑客或解决方法来实现这一目标?