1
是否有一种简单的方法来确定当前正在显示哪些页面元素(在滚动Bootstrap面板内)?代码如何知道哪些元素在Bootstrap滚动面板中可见?
相关部分在这里: http://jsfiddle.net/d451cmwh/
这个问题得到的回答早在2011年,一个jQuery的重液;我希望现在有更现代/更简单的解决方案。 HTML how to tell which elements are visible?
谢谢! 迈克尔
从小提琴代码:
<div class="container">
<div class="row">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Title</h3>
<span class="pull-right">
<ul class="nav panel-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Tab
1</a></li>
</ul>
</span>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="test">
<table>
<tr id="row1">
<td>row 1</td>
</tr>
<tr id="row2">
<td>row 2</td>
</tr>
<tr id="row3">
<td>row 3</td>
</tr>
<tr id="row4">
<td>row 4</td>
</tr>
<tr id="row5">
<td>row 5</td>
</tr>
<tr id="row6">
<td>row 6</td>
</tr>
<tr id="row7">
<td>row 7</td>
</tr>
<tr id="row8">
<td>row 8</td>
</tr>
<tr id="row9">
<td>row 9</td>
</tr>
<tr id="row10">
<td>row 10</td>
</tr>
<tr id="row11">
<td>row 11</td>
</tr>
<tr id="row12">
<td>row 12</td>
</tr>
<tr id="row13">
<td>row 13</td>
</tr>
<tr id="row14">
<td>row 14</td>
</tr>
<tr id="row15">
<td>row 15</td>
</tr>
<tr id="row16">
<td>row 16</td>
</tr>
<tr id="row17">
<td>row 17</td>
</tr>
<tr id="row18">
<td>row 18</td>
</tr>
<tr id="row19">
<td>row 19</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
查找[jQuery的可见](https://github.com/customd/jquery-visible)插件。 ;) –
使用jQuery试用'$(this).is(“:visible”)'返回一个布尔值,如果元素可见 –
@DIEGOCARRASCAL:它将对所有19个元素返回true,因为':visible'只检查if该元素的高度/宽度和不透明度大于零,并且不显示为无。它不检查元素是否位于父级滚动高度的隐藏部分。 –