84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
一個元素原來位於螢幕視覺區域底部的上面,當滾動條往上滾動時,這個元素接觸到了螢幕底部,我想在該元素接觸到螢幕底部時觸發一個函數,那麼怎麼才能捕獲到元素接觸到螢幕底部這個情況呢?
<p class="element" style="height: 100px;width:100px; border:1px solid;margin-top:500px"></p>
元素觸底就變紅,否則變白
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script> var element = $('.element'); var win = $(window); win.scroll(function() { if (element.offset().top + element.height() <= win.height() + win.scrollTop()) { element.css('backgroundColor', '#f33'); } else { element.css('backgroundColor', '#fff'); } }) </script>
可以透過js得盒子模型取得到目前的scrollTop還有元素的clientTop,再已知盒子高度的情況下進行判斷。
雷雷
元素觸底就變紅,否則變白
可以透過js得盒子模型取得到目前的scrollTop還有元素的clientTop,再已知盒子高度的情況下進行判斷。
雷雷