Question

the pic shows up the footer shifting when user resize the window[1]

这里是关于css设置中的footer-row

#footer-row {
   text-align: center;
   color: white;
   text-transform: uppercase;
   font-size: 9pt;
   position: absolute;
   bottom:0;
}

和整个容器的设置

.container-fluid {
   padding: 0px;
   margin: 0px;
   /*position:relative;*/
}

对不起大家......我修改了我的问题...... 我的问题是......无论用户调整窗口大小，我怎样才能修复所有div？

Answer 1

使用此HTML：

<div id="myElement" style="position: absolute">This stays at the top</div>

这是您要使用的JavaScript。它将一个事件附加到窗口的滚动条上，并将元素向下移动到你滚动的位置。

$(window).scroll(function() {
    $('#myElement').css('bottom', -1*$(this).scrollTop() + "px");
});