Javascript 如何在页面顶部放置绝对定位的img？

我已经建立了一个新的平台。这是我的第一次，所以我不确定它是否正确，但我的小示例中的所有代码都在那里。当我运行它时，什么都不会发生。在我的机器上，单击处理程序被调用，但我看不到视口位置的更改。这就是问题所在，我希望图像移动到视口的顶部

希望这是一个更好的问题

我原来的问题如下:

我有一个相对定位的div，其中包含一些绝对img。我希望此排列显示在视口的顶部。我相信如果我可以将div的顶部（位置：relative）设置为视口的顶部，它包含的图像就会出现

问题是，我不知道怎么做。相对div位于页面的底部，当我单击它时，我希望文档重新定位，使其与内容一起显示在顶部。我尝试过使用大正数和负数的scrollTop，但无法重新定位div

我一直在尝试这样的事情：

$（#视图2”）.scrollTop（xxx）；

没有运气

我的html如下所示。除#view2外的所有内容都是绝对的，#view2是相对的。#view1的内容是动态设置的

<div id="view2">
    <img>
    <img>
        <div id="view1" ></div>
    <img>
    <img>
</div>

---

如果您只想让容器元素位于页面顶部，请使用：

#view2 {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    padding:10px;
}

---

仅举一个例子-显然，如果您不需要填充等，只需删除它们，以上只是固定标题的典型用法。

由于您没有提供进一步的内容，因此很难分析您的问题：

但是scrollTop是这样使用的：

$('html, body').animate({
    scrollTop: elementToScrollTo.offset().top
},200);

绝对位置容器的父元素必须具有相对位置

---

正如我所说，如果没有正确的代码片段，很难回答这个问题。你能设置一个JSFIDLE/jsbin吗？一个建议是将parent div的位置更改为absolute，并将其移到滚动条的顶部。稍后更改为Back预期的结果不太清楚，但听起来像是

位置：fixed

是你想要的。Expe反恐执行局的行为肯定需要一些澄清，我们不知道其他页面结构或css看起来是什么样的。为了提供相关代码，我不得不离开。午餐很热。我会做一把小提琴。