在SO中键入问题时，在“如何提问”框中输入。 如何获得滚动效果？ 纯CSS还是JS？

Question

I'm wondering how to make the effect of the tan rectangle as you scroll it follows (some kind of absolute positioning?), check it out:

https://stackoverflow.com/questions/ask

When scrolling downwards it sticks on the screen. Me like and me want :D

I'd prefer JS targeting an elementID over CSS. If anyone can provide a tutorial or even the coding that would be awesome. The cleaner and less strict, the better. Cheers.

Answer 1

It's CSS:

<div id="scroller" style="width: 270px; position: fixed; ">

See http://www.w3.org/TR/CSS2/visuren.html#fixed-positioning for further information.

"position: fixed" is probably what you're after. In your own code you can set the style of an element with JS code directly, or you can set an element class and put position: fixed it in your CSS.

In the future you can look up such things with tools such as Firebug (for Firefox) or inspect tool for Chrome.

Answer 2

签出这个jQuery插件 ，它和一个漂亮的动画完全一样。