当在我构建的网站上滚动时，使用CSS属性position: fixed可以像预期的那样在页面顶部保留一个导航栏.
然而，在Chrome中，如果你使用导航栏中的链接，它sometimes就会消失.通常，您单击的项目仍然可见，但并非总是可见.有时整件事都会消失.四处移动鼠标将带回元素的一部分，使用滚轮或箭头键滚动只需单击一次即可带回元素.你可以在https://nikeplusphp.charanj.it上看到它(间歇性地)发生-你可能必须点击几个导航链接几次才能看到它发生.
我也try 过z索引和可见性/显示类型，但没有成功.
我遇到了this question个问题，但解决方案对我根本不起作用.IE和Firefox运行良好，这似乎是webkit的一个问题.
这是一个已知问题，还是有修复程序可以使固定元素保持可见？
Update:个
只有top: 0;个元素的效果，我试了bottom: 0;个，效果和预期的一样.
这是一个尚未解决的webkit问题，奇怪的是，使用javascript而不是#url值进行跳转并不会导致问题.为了解决这个问题，我提供了一个JavaScript版本，该版本采用锚定值并找到具有该ID的元素的绝对位置，然后跳转到该位置:
var elements = document.getElementsByTagName('a');
for(var i = 1; i < elements.length; i++) {
elements[i].onclick = function() {
var hash = this.hash.substr(1),
elementTop = document.getElementById(hash).offsetTop;
window.scrollTo(0, elementTop + 125);
window.location.hash = '';
return false;
}
}
我可以进一步改进这一点，只是它只查找以#开头的链接，而不是它找到的a标签.