Question

如何让一个div层，在下拉列表时把他的css样式变成另外一个，从而实现让某个div一直显示在页面导航部位

就像淘宝首页的那个功能一样，下拉网页的时候，上面的淘宝搜索一直处于导航位置，请问这个js是怎么实现的，比如说div的id=“ceshi”，css=“ceshicss”，跪求大神把代码写出来啊。。。如果测试成功一定追加至少50-100的悬赏

Answer 1

先给你个简单的吧。
#ceshi{
position:fixed;
top:0;

}

这样就能固定在顶部。。至于浏览器回顶部，那个搜索栏复位，还在研究中

追问

谢谢了。。这个简单的我也会了。。一块研究吧。。主要就是js如何在下拉网页时获取div位置，然后再设置新的CSS样式

追答

$(function(){
    var menu = $('#menu'),
    pos = menu.offset();
    
    $(window).scroll(function(){
        if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
            menu.fadeOut('fast', function(){
                $(this).removeClass('default').addClass('fixed').fadeIn('fast');
            });
        } else if(
            $(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
            menu.fadeOut('fast', function(){
                $(this).removeClass('fixed').addClass('default').fadeIn('fast');
            });
        }
    });
})

这里有例子 http://www.36ria.com/demo/css3-menu/
原来就是 判断页面滚动了多少，到了临界点 就把菜单栏加个class 将菜单栏改为 position fixed 固定在头部 当页面滚回到临界点 就把这个class去掉.

别人那看的。没有试验过。不过原理上是这样

追问

我已经实现了，谢谢你了
原理是：滚动栏高度本来是0，当滚动高度大于101的时候，给某个div层添加一个css样式表，原本是相对位置，添加一个绝对位置的属性就实现了。高度小于101的时候，再去掉这个添加的属性就恢复原样了
if ($(window).scrollTop() > 101) {
$("#sss").addClass("ceshi3");
}