jquery - 9gag 等临时粘性物品

Question

我搜索了一种方法来制作像9gag.com这样的粘性图像信息。( http://i.stack.imgur.com/6SuX4.png )

这并不容易，因为当文章位于窗口顶部时需要修复元素。

如果有人知道一个插件或一种方法来做到这一点，那就太好了:)

提前致谢。

Answer 1

您正在寻找的正是这里的演示...... http://jsfiddle.net/yznnJ/

教程和作者页面在这里... http://viget.com/inspire/jquery-stick-em

CSS

.stickem-container {
    position: relative;
}

.stickit {
    margin-left: 660px;
    position: fixed;
    top: 0;
}

.stickit-end {
    bottom: 0;
    position: absolute;
    right: 0;
}

查询

$(document).ready(function() {
    $('.container').stickem();
});