javascript - 如何调整窗口高度

Question

我有一个页面列出了一些书。当用户滚动到页面底部时，列表将通过 ajax 附加更多书籍。并且有 3 个选项卡可以切换图书目录。列表可能会变得很长，使窗口滚动得很深，然后如果用户单击另一个选项卡，我将删除列表 DOM 元素并创建一个新元素，发送一个新的 ajax 以附加新元素。

但页面一直在底部，新添加的元素出现在窗口的顶部。如果不滚动到窗口 的顶部，就无法看到新的。那么是否有办法解决这个问题，例如将窗口高度调整为屏幕高度？我尝试了 window.resizeTo，但是，这不起作用。我怎样才能让它像一个重新加载页面？

Answer 1

我想你想做这样的事情。

$(".add").on('click', function(){	
    $(".new").append("<div class='added'>New Book</div>");
});

.new{ height: auto}
.added{ min-height:100px; background-color:#A0A0A0; margin:10px; padding:5px;}

<div class="new"></div>

<span class="add" style="background-color:#DEDEDE; padding:5px; cursor:pointer;">Add Another</span>