开发者

absolutely positioned divs that don't move when page is scrolled

开发者 https://www.devze.com 2022-12-30 13:56 出处:网络
I\'ve done this in the past using a method similar to this: http://javascriptkit.com/javat开发者_开发技巧utors/static3.shtml

I've done this in the past using a method similar to this: http://javascriptkit.com/javat开发者_开发技巧utors/static3.shtml

but I don't like the "flicker" effect as the page is scrolled and the div needs to move with the scrolling. Lately I've seen a lot of site that have an element (a div or the like I presume) that don't move when the page is scrolled but it's seemless...they're just there and it's a beautiful thing.

Unfortunately I can't seem to recall where I've seen it lately to view the source and try to figure it out so I figured I'd turn here and see what all of you experts can provide as far as assistance / suggestions.

TIA


Try setting "position: fixed" to the element.

I think this does not work with some IE versions, you'll have to us JS for that.


That site you linked to still mentions thing such as IE 4 on it, better no rely on it. It's outdated.

You can position an element to a fixed position with CSS, by doing position: fixed;.


Take a look at google reader.

It has a fixed header and a fixed side bar.

0

精彩评论

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