如何固定一个元素的位置,但保持其高度相对于浏览器窗口的大小不变?

3
您可能已经注意到,一些网站使用http://uservoice.com创建的反馈功能。它会在您的屏幕左侧或右侧显示徽标。
但是,这个徽标如何定位?看起来它的位置取决于浏览器的高度....
您能否帮我创建类似的徽标,并具有将我重定向到其他网址的功能?
提前感谢!

谷歌浏览器的“检查元素”功能怎么样? ;) - Josh Stodola
2个回答

4
它在 a 标签上使用了 position: fixed。它使用了 top: 45% 来让它随着窗口高度 "移动"。

不,它并没有固定,之前尝试过了。看起来这取决于浏览器的高度。也许可以用jQuery解决? - user198003
3
没有提供Firebug的链接,为了省去他/她下次写作时的麻烦? - Alex Gyoshev
1
@user198003- 是的,它是“固定的”,顶部在45%。 - ScottS

1
这是一个很酷的CSS和JS浮动链接或菜单的示例! JTricks Example! 这是来自JTricks的另一个示例,更像你正在寻找的(fixedmenu而不是floating)。 Another example!! =) (显示旧版浏览器兼容性)

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接