Javascript 其他div中的粘性页脚_Javascript_Css_Footer_Sticky Footer

Javascript 其他div中的粘性页脚

javascript css

Javascript 其他div中的粘性页脚,javascript,css,footer,sticky-footer,Javascript,Css,Footer,Sticky Footer,我有一个给定的HTML结构，无法真正地将其更改为将页脚放在包装器div上，而没有其他内容，因此“经典”的粘性页脚代码不起作用。结构如下： <body> <div></div> <div> <sidebar></sidebar> <maincontent> <div></div> <div&

我有一个给定的HTML结构，无法真正地将其更改为将页脚放在包装器div上，而没有其他内容，因此“经典”的粘性页脚代码不起作用。结构如下：

<body>
    <div></div>
    <div>
        <sidebar></sidebar>
        <maincontent>
            <div></div>
            <div></div>
            <div></div>
            <footer></footer>
        </maincontent>
    </div>
</body>

页脚必须在那里，以便侧边栏通过js正确显示和消失，如果我把它放在与粘性页脚代码一起工作的地方，侧边栏就会出现在它上面，并且主要内容不会延伸到页面的末尾

除了更改所有内容外，还有什么方法可以使页脚粘滞？

如果您想使页脚粘滞在主要内容上，请尝试此方法

#maincontent-selector {
    position: relative;
}

#footer-selector {
    position: fixed;
    bottom: 0px;
}

父元素应该具有相对或绝对位置，以使页脚粘在父元素底部

否则它会粘在页面底部