Question

我在jquery中有这个非常简单的函数，它将appendTo（）a添加到特定的div元素中。它可以上升20次。当你点击它20次时，你有20个小输入类型=“文件”。到目前为止，这是可以的，但是现在，我的粘性页脚到目前为止并不是一个粘性的页脚，因为我的输入正在通过它，你可以在我的页脚下面看到一些输入。我试图澄清：两者;用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;
        }
    });
});

Answer 1

首先声明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;
}

这将解决您的问题

DEMO

我的一些元素通过appendTo（）通过我的粘性页脚

1 个答案: