开发者

Item position type shift from relative to static effect?

开发者 https://www.devze.com 2023-03-18 22:22 出处:网络
How is this effect named ? How is it implemente开发者_运维技巧d You can see it on this page on the portofolio filter box.

How is this effect named ? How is it implemente开发者_运维技巧d

You can see it on this page on the portofolio filter box.

I've seen it around for a year, it's an interesting pattern, it's so famous gmail now uses it.


You can view the JavaScript they use: fixed.js

Their css:

#rightFloat {
    float: right;
    padding-top: 20px;
    position: absolute;
    top: 0;
    width: 205px;
}
#rightFloat.fixed {
    position: fixed;
    top: 0;
}

What is the name? I have no clue if it has a name :) I bet people call it 100 different things.

[Edit:] names I have heard : sticky scroll, contained sticky scroll, conditional sticky scroll, watermarked content.

0

精彩评论

暂无评论...
验证码 换一张
取 消