zoukankan      html  css  js  c++  java
  • js中的监听事件总结

    javascript事件与功能说明大全:http://tools.jb51.net/table/javascript_event

    1.滚动条监听事件

    例1:监听滚动条距离页面顶端距离

     1 <script type="text/javascript">
     2          window.onscroll= function(){
     3                 //变量t是滚动条滚动时,距离顶部的距离
     4                 var t =       document.documentElement.scrollTop||document.body.scrollTop;
     5                 var scrollup = document.getElementById('scrollup');
     6                 //当滚动到距离顶部200px时,返回顶部的锚点显示
     7                 if(t>=200){
     8                     scrollup.style.display="block";
     9                 }else{          //恢复正常
    10                     scrollup.style.display="none";
    11                 }
    12             }
    13 </script>

     例2:监听滚动条距离页面底部距离

     1 window.onscroll = function(){
     2         //变量t是滚动条滚动时,距离底部的距离
     3         var t =  $("body").get(0).scrollHeight - $(document).scrollTop()-$(window).height();
     4         /*console.log($(window).height(),t,$(document).scrollTop());*/
     5         var scrollup = document.getElementsByClassName('bottomLink')[0];
     6         //当滚动到距离底部123px时
     7         if(t < 93){
     8             scrollup.style.display="none";
     9         }else{
    10             scrollup.style.display="block";
    11         }
    12     };
  • 相关阅读:
    .Net常见笔试题
    冒泡排序算法 C#版
    Bundle捆绑压缩技术
    异步Ajax
    HtmlHelper总结
    HtmlHelper的扩展分页方法
    WCF
    程序猿值得看的几个技术网站(记录)
    Struts2和SpringMVC的区别
    nginx配置文件作用介绍
  • 原文地址:https://www.cnblogs.com/happy1992/p/7121179.html
Copyright © 2011-2022 走看看