Javascript 保持卷轴位置固定

我正在将HTML预先添加到某个div中，但当我向下滚动并添加新内容时，位置会发生变化，我无法再阅读了。 有没有办法解决这个问题，这样就可以在每个div的顶部添加新的post，并且在不更正滚动条的情况下继续阅读

以下是我正在使用的一段说明：

html:

js:

var new_div=”“；
$（'.col-md-4'）。预编（新分区）
试试这个

$(window).bind('scroll', function(){
    var new_div= $("<div class==\"div\"><img src=\"picture.jpg\" />" +
       Some text </div>");
 $('.page-wrapper').before(new_div);
});

$（窗口）.bind（'scroll'，function（）{
var new_div=$（“”+
一些文本“）；
$（'.page wrapper'）。之前（新分区）；
});
您是否能够将代码发布到工作的JSFIDLE或代码段中，以便我们可以直观地看到代码的结果？@JoeL posts来自外部启用oauth的API和Node.js当我滚动时，窗口会出现故障。使渲染变慢。当我在顶部时，当有新的帖子时，我看不到新数据。帖子来自外部oauth圆周率。