动态 div 添加到 iPhone

Dynamic div append on iPhone

在我创建的 iPhone 网站上,iPhone 似乎无法处理具有动态高度的内容。页脚 div 不会被附加在页脚之前的 div 中的内容下推。然后页脚和新内容最终 "overlaying" 彼此,动态 div 中的内容只是溢出。

有什么办法可以解决这个问题..? (无法在 chrome iPhone 模拟器中重现它)

编辑,这里是追加的代码:

$("#wrapper").empty();
$.each(full_playlist, function(j, current_song){
    if(!current_song.now_playing){ //check that the song isnt playing
        $("#wrapper").append(List.generateSong(current_song, false, true));
    }
});

编辑,CSS 用于页脚和包装:

footer{
    margin-top:0px !important;
}

#wrapper {
  height: 100%;
  width: 113%;
  overflow: auto;
  padding-right: 5vh;
  opacity: 1;
}

添加高度:自动;解决了这个问题