Javascript 如何使箭头跟随浏览器窗口，但停在其容器的末端？

我目前正在尝试实现一个向下滚动箭头。通常这是一个简单的步骤，但这次是一个复杂的步骤。因为我的客户想要一个具有固定高度的图像的主页，所以主页标题（由图像高度定义的大小）有时比浏览器窗口大，有时则不是。如果窗口较大，我想将滚动条向下粘贴到浏览器窗口。如果没有，它不应该溢出标题外的主页标题

这是我的代码：

#包装器{
调整大小：两者；
溢出：自动；
最大宽度：400px；
边框：2件纯黑；
显示：块；
}
#标题{
位置：相对位置；
}
#向下滚动{
位置：绝对位置；
底部：0；
保证金：自动；
字体大小：40px；
颜色：#ffffff；
光标：指针；
文本对齐：居中；
宽度：100%；
}
img{
宽度：400px；
}

˅
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

位置：sticky

可以执行以下操作：

#包装器{
最大宽度：400px；
边框：2件纯黑；
}
#向下滚动{
位置：粘性；
底部：10px；/*您可以使用0或小偏移量*/
字体大小：40px；
颜色：#ffffff；
光标：指针；
文本对齐：居中；
宽度：100%；
页边距顶部：-47px；/*这是箭头的高度*/
}
img{
宽度：400px；
}

˅
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

所以您希望箭头位于窗口底部或标题底部，以较短者为准？我理解对了吗？不同场景的图片可能有助于我理解它。如果窗口比图片本身大，箭头应该贴在标题的底部。否则，箭头应始终可见并与窗口按钮对齐。你明白吗？我还将添加图像。给我几分钟！是的，我认为这是有道理的。图片的高度是固定的还是动态的？@BryceHowitson我添加了一些图片。谢谢让我考虑一下。你知道图像的高度吗？现在可以了。在一些父容器中，我不得不用

overflow:visible

替换

overflow:auto

。请阅读以下内容以了解：。谢谢你的帮助！