滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示

  1. $(function () {              
  2.             //绑定滚动条事件  
  3.               //绑定滚动条事件  
  4.             $(window).bind("scroll", function () {  
  5.                 var sTop = $(window).scrollTop();  
  6.                 var sTop = parseInt(sTop);  
  7.                 if (sTop >= 200) {  
  8.                     if (!$("#mmp").is(":visible")) {  
  9.                         try {  
  10.                             $("#mmp").slideDown();  
  11.                         } catch (e) {  
  12.                             $("#mmp").show();  
  13.                         }                        
  14.                     }  
  15.                 }  
  16.                 else {  
  17.                     if ($("#mmp").is(":visible")) {  
  18.                         try {  
  19.                             $("#mmp").slideUp();  
  20.                         } catch (e) {  
  21.                             $("#mmp").hide();  
  22.                         }                         
  23.                     }  
  24.                 }   
  25.             });  
  26.         })  
  27. 第二种方法:
  28. //当滚动条的位置处于距顶部580像素以下时,顶部导航出现,否则消失
    $(function(){
    $(window).scroll(function(){
    if ($(window).scrollTop() > 580) {
    $("#topmenu_keleyi_com").fadeIn(100,"linear");
    }
    else {
    $("#topmenu_keleyi_com").fadeOut(100,"linear");
    }
    });
    });
posted @ 2017-08-04 17:11  瞎BB的是2B  阅读(766)  评论(0编辑  收藏  举报