强制div / page元素保持定位在浏览器窗口的底部

时间:2014-12-04 19:42:33

标签: jquery css html5

我很确定这很简单,但我现在正在画一个完整的空白。

我有一个jquery纺车需要固定在浏览器窗口的底部,这样轮子的上半部分总是显示在页面的底部,但是我必须有一个所需的最小高度所以它至少适合导航下方的内容区域。所以,我在包含div上设置了最小高度,但必须有一种方法可以做到这一点,以便它更流畅地工作,我只是卡住了。

页面使用twitter bootstrap构建,带有旋转轮的div。

现在,我已将轮子div设置为绝对位置,但某些东西无法正常工作 - 在较小高度的浏览器上它会消失。

最终,我需要设置平板电脑和手机样式,但是现在我希望有人帮助我思考这个!

这是临时页面: http://bluetabby.com/rr/index9.html

** ETA:我知道自己很密集!所以,当然位置:固定而不是绝对会将它固定在我想要的位置。但是 - 现在我的问题是当浏览器窗口太短时它会溢出导航栏 - 我是否遗漏了其他明显的东西,这会阻止它并在它碰到封闭容器顶部时覆盖固定定位?我的大脑被炒了......

这是固定位置页面网址:http://bluetabby.com/rr/index10.html **

这是车轮div和车轮图像的css:

    .wheel-wrap {
    position: absolute;
    left:25%;
    bottom:0;
    width: 50%;
    height: 350px;
    overflow: hidden;
    margin: 0 auto;
}
.marker {
    top: 10px;
    left: 250px;
    z-index: 2;
    position: absolute;
}
.wheel {

    left: 0px;
    width: 100%;
    height:auto;
    position:relative;
}

感谢任何能给我一些新想法的人!!!!

0 个答案:

没有答案