我在 jquery 中有一个非常简单的函数，它 appendTo() 到特定的 div 元素。它最多可以上升20次。当你点击它 20 次时，你有 20 个 little input type="file"。到目前为止这没问题，但现在，我有我的粘性页脚，到目前为止它并不是真正的粘性页脚，因为我的输入正在通过它，你可以在我的页脚下方看到一些输入。我试图清除:两者；使用 css，什么也没有发生。我的代码有什么问题？？为什么我的“粘性”页脚不是真的粘性？!
我的 HTML 代码是这样的
<html>
<body>
<div id="pageWrap"></div>
<div id="footer"></div>
</body>
</html>
我的 CSS :
html, body {
height: 100%;
}
#pageWrap {
min-height:100%;
margin-bottom:-136px;
}
#pageWrap:after {
content: "";
display: block;
}
#footer, #pageWrap:after {
height: 136px;
}
这是我的函数，它实际上添加了“太多”的输入，这导致输入列表通过我的页脚..(这真的很难看!求救!)
$(function() {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').click(function() {
if ( i > 20 ) {
alert('Un maximum de 20 photos est autoriser.');
return false;
} else {
$('<p><label for="p_scnts"><input type="file" class="p_scnt" name="p_scnt_' + i +'"></label> <a href="#" class="remScnt">X</a></p>').appendTo(scntDiv);
i++;
return false;
}
});
});
最佳答案
不是首先以百分比声明 pageWrap 的高度，您应该以 px 声明它。然后是这个:
#pageWrap {
min-height:100%;
margin-bottom:-136px;
}
输入:
#pageWrap {
min-height:800px; // you can add the height accourding to your neccessity
margin-bottom:-136px;
overflow:auto;
}
这会解决你的问题
关于jquery - 我的一些元素通过 appendTo() 通过我的粘性页脚，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24635270/