zoukankan      html  css  js  c++  java
  • 滚动条事件,当页面滚动到距顶部一定高度时某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");
      }
      });
      });
  • 相关阅读:
    C++进阶--析构函数中的异常
    C++进阶--派生类的析构(虚析构函数,shared_ptr)
    linux_shell_拆分文件_多进程脚本
    java_eclipse_设置全局编码_utf-8_编译class指定_运行jar乱码解决_不依赖环境
    linux_环境变量设置 utf-8
    linux_awk_内部正则过滤
    java_Eclipse中SVN的安装步骤(两种)和使用方法
    linux_vim_快捷键
    php_公共方法01_传入数组_打印可见信息
    linux_sed 正则替换
  • 原文地址:https://www.cnblogs.com/li-sir/p/7286154.html
Copyright © 2011-2022 走看看