css 固定位置_CSS固定位置

css 固定位置

When you want to keep an element in the same spot in the viewport no matter where on the page the user is, CSS's fixed-positioning functionality is what you need.

无论用户在页面上的什么位置，如果要将元素保留在视口中的同一位置，则需要CSS的固定位置功能。

View Demo 观看演示

CSS (The CSS)

	.element	{ position:fixed; top:2%; right:2%; }

Above we set our element 2% from both the top and right hand side of the viewport. You can scroll on the page forever but our element will still stick to the specified 2% mark. You can see fixed positioning in effect on the Facebook website (chat toolbar).

在上方，我们从视口的顶部和右侧将元素设置为2％。 您可以永久滚动页面，但我们的元素仍将停留在指定的2％标记处。 您可以在Facebook网站(聊天工具栏)上看到有效的固定位置。

View Demo 观看演示

翻译自: https://davidwalsh.name/css-fixed-position

css 固定位置