Question

我有一个固定的定位标题，当用户向下滚动容器div时，标题的高度会因添加“标题固定”标题而发生变化。类。它适用于Chrome和Explorer 11，但在Firefox 42中并不适用。它就像一个绝对的div。奇怪的是当我取消选中＆＃34; poosition：fixed＆＃34;在“开发人员工具”面板中（=检查元素）＆＃39;并再次检查，它的工作原理......

这是我的网站 - ＆gt; http://cookandgrill.gr/preview.php

 .header {
    height: 20%;
    text-align: right;
    padding: 15px;
    box-shadow: 5px 5px 10px #000;
}

.header, .header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 499
}
.header-fixed {
    height: 10%;
    text-align: right;
    padding: 15px;
    box-shadow: 5px 5px 10px #000;
}

由于

Answer 1

添加到标题的父元素：

.container {
    height: 100%;
    position: static;
    overflow-x: hidden;
    overflow-y: auto;
}

所以在你的代码中应该将它添加到＆＃34; container＆＃34;看起来如下（style.css，第80行）：

var ar = {};
var name = 'xyz';
var value = 1;
ar[name] = value;

我在＆＃34;样式编辑器＆＃34;中编辑了它。在开发工具和这个解决方案中修复了这个bug，而没有改变其他元素＆＃39;行为。铬合金也很好。

Answer 2

感谢您的帮助。我找到了解决方案：我必须将我的标题div元素放在容器div之外。

http://cookandgrill.gr/preview.php

现在好了。

再次感谢...

Firefox固定标题行为绝对

2 个答案: