1

我正在尝试找出 CSS 中的绝对/固定定位，以将徽标放在网页的右下角并让它留在那里，即使页面内容滚动也是如此。我已经完成了一半，但是如果浏览器窗口很小，现在需要停止徽标在页面上移动得太高。

我创建了一张图纸和简要说明，说明我希望它如何工作，并将它们以 pdf 格式放在以下链接中：

点击这里

任何人都可以帮助我吗？

加里

4

2 回答 2

2

因此，徽标应该是position: fixed，但前提是视口高度大于预定义的最小值。您可以通过媒体查询来实现：

@media screen and (min-height: 300px) {
    #logo {
        position: fixed;
        /* your other styles */
    }    
}

现场演示： http: //jsfiddle.net/KC3UU/show/light/（降低浏览器窗口高度，直到图像与灰色DIV碰撞）

于 2012-05-13T20:02:48.150 回答
0

我认为仅使用纯 CSS 是不可能的。（至少没有使用一些疯狂的 CSS hack）。但是使用 jquery 应该是可能的：http: //jquery.com/ 那里有一些用于 jQuery 的粘性/固定位置插件，例如http://www.orangecoat.com/stickyscroll 但我不知道它们如何或是否它们正在解决您面临的问题。最坏的情况是您必须自己编写脚本。即使我无法提供一些代码，也希望这能有所帮助。
PS这里基本上是同一个问题：http ://answers.yahoo.com/question/index?qid=20120302190313AAJhUIp

于 2012-05-13T19:55:59.143 回答