Html 将项目放置在滚动div中的固定位置

我有一个充满内容的页面，

窗口是可滚动的，其中有一个可滚动的
div
，我的目标是在
div
的最底部放置一个图标，当有人滚动
div
时，该图标将可见，并且在内容消失或
窗口
滚动后将不可见。
但我不明白如何才能实现我的目标。当使其
固定
时，整个
主体可以看到它
滚动

我希望该元素固定在div的底部，并且在
主体
滚动时不可见
下面我举一个例子：


div{height:100px；
边框：1px实心；
溢出：自动；
位置：相对位置；
}
跨度{
背景：红色；
位置：固定；
}

我有东西

我有一些东西

我有一些东西

这需要在botti=om处修复，并在滚动div时可见
我有东西

我有一些东西

我有一些东西

我有东西

我有一些东西

我有一些东西shdbfs jsdfjhs d sdfhsjdf dsb usbsd shdshdhsdbs ds dvhsd sdshd vcsgdvshuc sd chjsdcsshdcbshudcuysdchusd cuyssdc shd cscyusdc gsdcsducsgcs uycsucs sdusyu
我想你在找这样的位置


div{
高度：100px；
边框：1px实心；
溢出：自动；
位置：相对位置；
}
跨度{
背景：红色；
位置：粘性；
底部：0；
}

我有东西

我有一些东西

我有一些东西

这需要固定在底部，并在滚动div时可见
我有东西

我有一些东西

我有一些东西

我有东西

我有一些东西

我有一些东西shdbfs jsdfjhs d sdfhsjdgf dsb usbsd shdshdhsdbs ds dvhsd sdshd vcsgdvshuc sd chjsdcsshdcbshudcuysdchusd cuyssdc shd cscyusdc gsdcsducsgcs uycsucs sdusdyu
一种标准支持的方法是编辑HTML标记并向可滚动和“固定”添加包装器元素元素-现在将有
位置：绝对改为：


添加了
#包装器{/**/
位置：相对位置；
宽度：200px；
}
#可滚动{
高度：100px；
边框：1px实心；
溢出：自动；
位置：相对位置；
}
#包装页脚{
背景：红色；
位置：绝对位置/**/
底部：0；
}


绝对是！：）
好的，我得到了一个使用pseudo属性的解决方案，但这只在父对象是静态的情况下有效，所以经过一些调整后，答案对我有效。谢谢：）