html - 滚动时如何将对象保持在固定位置？

Question

我想让我的社交资料按钮像在 9gag 上一样滚动。一旦滚动到某个点，他们右侧的 2 个广告就会保持在固定位置。我也想这样做。有人可以帮我弄这个吗？

非常感谢你们。

Answer 1

position: fixed一旦滚动偏移量达到某个点，您就可以添加到元素中。

Answer 2

定义此 CSS，然后将 id="media_icons" 添加到要修复的元素。根据您的需要更改样式。

#media_icons {
clear: both;
height: 34px;
margin-right: 33px;
margin-top: 32px;
position: fixed;
right: 0;
top: 0;
width: 148px;
}