临时粘性物品,如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();
});