jsマウススクロールを実現する時、ページの要素が相対的に動かない
1295 ワード
実例
資料参照webxy
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に変更すればいいです.資料