jsマウススクロールを実現する時、ページの要素が相対的に動かない

1295 ワード

実例
        window.onscroll=function(){
            var topScroll = get_scrollTop_of_body();//     ,       
            var bignav = document.getElementById("navbar");//      id
            if(topScroll > 250){ //       250px        
                bignav.style.position = 'fixed';
                bignav.style.top = '0';
                //bignav.style.zIndex = '-1';
            }else{//       250          ,           
                bignav.style.position = 'static';
            }
        }
         /*         */
        function get_scrollTop_of_body(){
            var scrollTop;
            if(typeof window.pageYOffset != 'undefined'){//pageYOffset                
                scrollTop = window.pageYOffset;
            }else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')        {
                scrollTop = document.documentElement.scrollTop;
            }else if(typeof document.body != 'undefined'){
                scrollTop = document.body.scrollTop;
            }
            return scrollTop;
        }
詳しく書いてあるので、説明はしません.ここで、本例250は、ページが下にスクロールし、250 px以上の距離にあるときに、このセグメントコードを実行することを意味する.直ちに実行を0に変更すればいいです.
資料
  • 参照webxy