Question

如何用js实现网页下拉时,某div到浏览器的头部,该div置顶不动，如这个网站http://j.renren.com/

Answer 1

具体方法是，

① 用 javascript 绑定 window 的 onscroll 事件，判断是否到特定高度，然后给特定元素增添一个 class；否则将 class 去除，例子：

window.onscroll = function(){
    var element = document.getElementById('element'),
        top = 100,
        cln = "fixed-nav";
    if( document.documentElement.scrollTop >= top && element.className != cln ){
        element.className = cln;
    }else{
        element.className = "";
    }
}

② 在 css 写好，该元素有了这个 class 的样式，例：

#element.fixed-nav{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:10;
    _position: absolute;
    _top:expression( eval(document.documentElement.scrollTop) );
}

以上只说明大致做法，没有测试过，仅供参考

追问

功能是实现了，就是不是很稳定，有时拉着它就不见了

Answer 2

你不会用谷歌浏览器，直接来把就js，css扣出来吗

Answer 3

position：fixed；