您现在的位置: 爱51代码网 >> 范文 >> 文章正文
长时间不操作页面,等再次操作时上下滚动不再触发window.onscroll

var str="";
var top;    //类freezediv距离页面顶部的距离
var mh;    //body的高度
var height;    //类freezediv的高度
var totleH=0;    //整个iFrame的高度,包括上面的菜单
var menuH;    //顶部菜单高度
$(document).ready(function() {
 
    str+="<tr class='title'>";
    str+="<th style='background:#AE6;'>序号</th>";
    str+="<th style='background:#AE6;'>内容</th></tr>";
    $("#showLeftTable").append(str);
    top = $("#showLeftTable").offset().top;  
    mh=$('#main').height();  
    height = $('#showLeftTable').height();  
    
    if(window.parent.document.documentElement&&window.parent.document.documentElement.scrollHeight)
    {
        totleH=window.parent.document.documentElement.scrollHeight;
    }
    else if(window.parent.document.body)
    {
        totleH=window.parent.document.body.scrollHeight;
    }
    menuH = totleH-mh;  
//    alert("mh"+mh+" menuH:"+menuH+" mh:"+mh);
    
}); 
 
 
 function freezeTitle(){  
    var i=0;
    if(i%10==0)
//        alert("tys");
    i+=1;
    var scrollTop;// =  $(document).scrollTop();
    if(window.parent.document.documentElement&&window.parent.document.documentElement.scrollTop)
    {
        scrollTop=window.parent.document.documentElement.scrollTop;
    }
    else if(window.parent.document.body)
    {
        scrollTop=window.parent.document.body.scrollTop;
    }
    //固定,并且显示标题行
    if(scrollTop>top+menuH-10){
 
        $('.title').css('position','absolute');
        $('.title').css('left',$('#showLeftTable').offset().left+'px');
        $('.title').css('width',$('#showLeftTable').width+'px');
        $('.title').css('top',(scrollTop-menuH)+'px');
        $('.title').css('display','block');
//        alert($('.title').css('top')+":"+$('.title').css('left'));
    }
    else{
        $('.title').css('position','');
        $('.title').css('display','none');
    }
 
};
 
parent.window.onscroll   = freezeTitle; //监听onscroll事件
在火狐下测试了,报了一个错,是说一个width属性无效的问题 $('.title').css('width',$('#showLeftTable').width+'px');


jquery对象没有width属性,width是方法。

$('.title').css('width',$('#showLeftTable').width()+'px');
使用frame导致的

  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新文章 热点文章 相关文章
    maven如何加自定义的包
    redhat 2.6 (santigo 5.6) vsftp
    shell如何实现自动填写操作执行下
    linux shell 文件配置sh:color:
    shell script语法一定要加path吗
    SecureCRT如何访问虚拟机vmWare中
    C#如何读取WINDOWS的放大系数
    cximge的图如何存入数据库并提取
    DBGRID控件显示查询结果文本类型
    TChart控件如何把表中右边的系列
    redhat 2.6 (santigo 5.6) vsftp
    shell如何实现自动填写操作执行下
    linux shell 文件配置sh:color:
    shell script语法一定要加path吗
    SecureCRT如何访问虚拟机vmWare中
    C#如何读取WINDOWS的放大系数
    cximge的图如何存入数据库并提取
    DBGRID控件显示查询结果文本类型
    TChart控件如何把表中右边的系列
    fastreport提示没有找到fr_class
    CANVAS有没有对颜色键的支持
    怎么样让ECharts从后台获取数
    AnyChat音视频引擎开发的软件
    Jquery/Javascript动态获取J
    js如何获取css设置的样式
    如何获取一个TABLE里所有的i
    jquery如何获取js输出的数据
    preventDefault()如何阻止被
    expression 在chrome下怎么用
    如何检测当前批处理是否以管
     



    设为首页 | 加入收藏 | 网站地图 | 友情链接 |