导航条随网页下拉背景逐渐透明并固定在顶部？？？

js或者jquery 怎么实现h5 网站页面的上面的导航条随着滚动页面 背景色逐渐透明 并且 导航条固定到顶部？？？希望大神们给个答案 谢谢啦！！！

循环按照格式读入每组数据即可。

对于输入多组数据测试的情况，需要约定结束的类型，常用的有两种：

1 当读入数据为一组特定值时，结束测试。

比如每组2个整型数据，以空格分隔，当输入的两个数均为-1时，结束测试。代码可以写作：

       $nav= $('#nav');
       $window = $(window);
       $document = $(document);
       $window.scroll(function(){
           if ($document.scrollTop() + $window.height() >= $document.height()) {//条件根据实际情况来，这儿是到底部
              $nav..animate({position:'fixed',top:'0px',opacity:0},1000);//渐变时间自己调
           }
       });

这个是有插件的，当然也可以自己写，我比较懒就推荐个插件给你吧http://www.jq22.com/jquery-info8611

原理就是jQuery的滚动条事件然后判断距离顶部的距离再进行一定的透明度调整

 $(document).ready(function(){
        var scroll_top = null;
        var opacity = null;
        $(window).scroll(function(){
            scroll_top = $(window).scrollTop() / 1000;
            if (scroll_top <= 0.5){
                $('.nav').css({"opacity": 1 - scroll_top})
            }
        })
    })