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

Question

在纯 javascript 中，我需要一种将绝对定位元素(相对于主体绝对定位)放置在 WINDOW 顶部的方法，而不是主体。

不能固定位置，只能绝对。我目前正在使用一些 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);
}