我有一个表,我可以通过overflow:auto; 现在我想知道垂直滚动条是否到达底部,以便我可以显示在页面加载时隐藏的下一行5行。 我在哪里搜索互联网它使用window.height()....但我不需要使用窗口,因为我的元素仅限于iframe中的表。
这是表结构
<div class="responsive" style="height:150px; overflow:hidden;" >
<table class="responsive table table-bordered dataTable" id="checkAllEmail" >
<thead>
<tr style="display:block;">
<th class="serial" style="width:57px;">#</th>
<th style="width:156px;">Display Name</th>
<th class="tableButton" style=" text-align:center!important; width:147px;">Actions</th>
</tr>
</thead>
<tbody id="mailServerTbody" style="height:113px; overflow:auto; display:block;">
</tbody>
</table>
</div>
这是我想在js中做的事情
$(document).ready(function(){
var div=0;
$('#mailServerTbody').scroll(function(){
var temp = $(this).scrollTop();
console.log($("#mailServerTbody").position().top+"blah")
console.log(temp)
if((temp%32==0)||(temp%32==17)){
console.log("enter")
div = div+4;
//div = div*5-1;
console.log(temp/32+"temp")
$('#mailServerTbody tr:gt('+div+'):lt(5)').show();
}
});
});
答案 0 :(得分:1)
试试这个
<script type="text/javascript">
$(document).ready(function(){
var tbody = $('#mailServerTbody');
var heightOfTbody = 0;
$("#mailServerTbody tr").each(function(){
heightOfTbody = heightOfTbody + $(this).height();
});
$('#mailServerTbody').scroll(function(){
if(heightOfTbody == ($(this).scrollTop() + $('#mailServerTbody').height() ))
{
alert("reached last")
}
});
});
</script>