javascript - 使用纯javascript将绝对定位的元素放在窗口顶部

Question

我需要在纯 javascript 中将绝对定位的元素（它相对于主体绝对定位）放置在窗口顶部，而不是主体的顶部。

它不能是固定的位置，只能是绝对的。我目前正在使用一些 hackish 方法来执行此操作：

var timeOut;
function scrollToTop() {
    if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
        window.scrollBy(0,-50);
        timeOut=setTimeout('scrollToTop()',10);
    }
    else clearTimeout(timeOut);
}

和...

onclick="scrollToTop();return false"

... 调出一个绝对定位的 div。

现在，根据用户在页面上的位置，我需要窗口出现在浏览器窗口的顶部，而不是文档的顶部。我知道如何在 jQuery 中做到这一点，但我想不出 javascript 中的方法。

任何帮助将不胜感激！

Answer 1

像这样？每次单击按钮（固定）时，都会在窗口顶部添加一个产品菜单栏 div。

http://jsfiddle.net/kmFQD/1

代码：

function insertAtTop()
{
    var newDiv = document.createElement("div");
    newDiv.innerHTML = "Product Menu Bar";
    newDiv.className = "productMenuBar";
    newDiv.style.top = pageYOffset + "px";

    document.body.appendChild(newDiv);
}