如何将粘性元素精确地附加到主包装器的侧面

Question

我想在我的主包装器的右侧附加一个粘性元素（包含社交媒体图标），其宽度为960px，而不是粘在屏幕的右侧。

任何简单的CSS方法都可以吗？

由于

Answer 1

div#wrapper {
    position: relative;
}
div#socialmediaicons {
    position: absolute;
    top: 0;
    right: 0;
}

<div id="wrapper">
    <div id="socialmediaicons"> ... </div>
</div>

“绝对”定位元素将相对于自身定位的最近父元素定位。

Answer 2

有一个很好的jQuery插件可以满足这个需求：

http://plugins.jquery.com/project/stickyfloat

Tt为您提供超越纯粹的力量。