• 跟随页面滚动的div(firefox,ie,chrome),兼给setTimeout传递参数的方法


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
       body{height:3000px;background:url(http://www.baidu.com/img/baidu_logo.gif) repeat-y;}
       /*滚动的div必须初始化top,left,height,width的值*/
       #Cs_Ox37{position:absolute;top:0px;left:0px;height:110px;286px;background:url(http://www.google.cn/intl/zh-CN/images/logo_cn.gif) no-repeat;}
    </style>
    </head>
    <body>
    <div id="Cs_Ox37">
    </div>
    </body>
    </html>
    <script language="javascript" type="text/javascript">
       //随页面滚动的div
       function scrollDiv(e){
           var scrollTop=window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
           var top=parseInt(e.style.top);
           if(scrollTop!=top){
               e.style.top=scrollTop+'px'
           }
           //以下是如何给setTimeout传递参数的方法(js遇到无法传参时都可考虑用此方法)
           var func=function(div){return function(){scrollDiv(div)}}(e);
           window.setTimeout(func,300);
       }  
       window.onload=function(){
           scrollDiv(document.getElementById('Cs_Ox37'));
       }
    </script>
  • 相关阅读:
    【NIO】IO与NIO的区别
    【在线工具】java开发常用在线工具
    【JVM】符号引用和直接引用
    【多线程】公平锁/非公平锁、乐观锁/悲观锁
    【Jenkins、sonar】
    开源软件记录
    Git Flow
    CF1324A Yet Another Tetris Problem 题解
    洛谷 P1199 三国游戏 题解
    CF33C Wonderful Randomized Sum 题解
  • 原文地址:https://www.cnblogs.com/superfeeling/p/1997767.html
Copyright © 2020-2023  润新知