如何调整窗口高度

Question

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

但页面位于深层，新添加项目显示在window 的顶部。如果没有滚动到window的顶部，就无法看到新的。那么如果有办法解决这个问题，例如将窗口高度调整为屏幕高度？我尝试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>

Answer 2

我终于找到了原因：

如果删除所有子节点，浏览器的正常行为会将高度设置为0。但是在我的浏览器中，我安装了一个名为“care your eye”的扩展程序。它会在body标签后自动添加两个divs：“.cye-workaround-body”和“.cye-workaround-body-image”，这会导致异常风格。