我的一些元素通過粘滯頁腳appendTo（）

我有jQuery中的這個非常簡單的函數appendTo（）a到一個特定的div元素。它可以上升到20倍。當你點擊20次，你有20個小輸入類型=「文件」。到目前爲止，這沒問題，但現在，我的粘腳並不是真的粘腳，因爲我的輸入通過它，並且可以在腳註下面看到一些輸入。我試圖澄清：兩者;用CSS，什麼都沒有發生..我的代碼有什麼問題？爲什麼我的「粘性」頁腳不是很粘？我的一些元素通過粘滯頁腳appendTo（）

我的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; 
     } 
    }); 
});

來源

2014-07-08 matt_bois

從哪兒來'p_scents'從你的jQuery代碼來的？ – anni

insted聲明的高度pageWrap的百分比首先你應該在px中聲明。然後inted的這個：

#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

來源

2014-07-08 15:46:37 anni

實際上，你可以用百分比來聲明高度和寬度，但爲了簡便，在px中聲明它 – anni

我的一些元素通過粘滯頁腳appendTo（）

回答

相關問題