临时粘性物品,如9gag

时间:2013-06-01 09:50:10

标签: jquery css fixed sticky

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

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

如果有人知道插件或方法,那就太好了:)

提前致谢。

1 个答案:

答案 0 :(得分:4)

你正在寻找的是DEMO ... 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;
}

JQUERY

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