Javascript 页脚调整问题

最近刚刚使用了另一个用户问答的一段JS，这对于解决我最初遇到的问题来说是相当好的。我的问题是，即使在内容没有填满整个页面的页面上，页脚也要粘贴到视口底部的高度，但现在它似乎引起了另一个问题

在需要滚动查看所有内容的页面上，页面以视口高度结束，不允许滚动，这意味着无法查看部分内容

我使用的代码如下，代码的功劳归于claudix，来自他在本页上的回答：

函数autoResizeDiv（）
{
document.getElementById（'main'）。style.height=window.innerHeight+'px'；
}
window.onresize=autoResizeDiv；
autoResizeDiv（）；

我想知道是否有人知道我可以在javascript中添加一些东西，让上面的代码在没有完整内容的页面上工作，但是，当需要滚动时，JS代码被禁用了

---

谢谢

尝试切换

溢出：隐藏在正文标记上，因为它是防止内容被吐出的

据我所知，你想创建一个单页网站使用自己的自定义滚动技术。
您可以尝试为jquery添加slimScroll，以便为您的站点创建自定义滚动面板，同时不使用浏览器的滚动来查看所有内容。
只需从博客中阅读文章即可。我已经删除了JS代码，这对任何其他可能需要它的人都是好的，但是，我只是想澄清一下，我并没有说Claudix的JS代码有什么不好的地方。然而，我只使用了最小高度：100vh；页面上的容器和现在的页脚总是botton，即使并没有浮动元素需要清除，它也解决了这两个问题。谢谢！：）
 在头部标签中使用此代码

<script type="text/javascript">


 jQuery(document).ready(function(){

var docheight = jQuery(document).height();
var bodyheight = jQuery('body').height();
var bodywidth = jQuery('body').width();


/*alert(docheight+'--'+bodyheight);*/

if (bodyheight < docheight && bodywidth >= 1000) {

    $(".footer-class-name").css('position',"absolute");

    }


});
</script>


jQuery（文档）.ready（函数（）{
var-docheight=jQuery（document）.height（）；
var bodyheight=jQuery（'body'）.height（）；
var bodywidth=jQuery（'body'）.width（）；
/*警报（八度+'-'+车身高度）*/
如果（车身高度<车身高度和车身宽度>=1000）{
$（“.footer类名”）.css（'position'，'absolute”）；
}
});
hey PHPDev，谢谢你的回复。我只是试着去除溢出：根据你的建议隐藏，但是在页面上玩了一些其他东西，例如正文从顶部掉了大约50px，然后页脚出现在向下滚动的中间。谢谢你的帮助，我可能会删除这段JS代码，因为它的缺点似乎太苛刻了。
<script type="text/javascript">


 jQuery(document).ready(function(){

var docheight = jQuery(document).height();
var bodyheight = jQuery('body').height();
var bodywidth = jQuery('body').width();


/*alert(docheight+'--'+bodyheight);*/

if (bodyheight < docheight && bodywidth >= 1000) {

    $(".footer-class-name").css('position',"absolute");

    }


});
</script>