滚动条的检测 与 屏幕的横屏事件

滚动条监听

window.onscroll = function () {   
   var winScroll = document.body.scrollTop;   //滚动条现在的位置
   var body_h = $("body").height()   //整个页面的高度
   //document.documentElement.clientHeight   浏览器滚动部分高度
   if (winScroll > (body_h-document.documentElement.clientHeight)) {
      a()
   }
}

window.onorientationchange = function(){

            
   switch(window.orientation){
              
     case -90:
      
     case 90:
        
     alert("横屏:" + window.orientation);
   
     case 0:
          
     case 180:
          
     alert("竖屏:" + window.orientation);
       
     break;
            
   }  

}

css3  的样式

//竖屏时使用的样式
@media all and (orientation:portrait) {
    .css{}
}


//横屏时使用的样式
@media all and (orientation:landscape) {
    .css{}
}