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导致的
|