局部滚动触底加载

//------------------------html-------------------------------------
<div id="wrap">
  <ul>
    <li class="lisch">
       <span>...</span>
       <span>...</span>
       <span>...</span>
       ....
     </li>
   </ul>
</div>
//--------------------------------js--------------------------------
const cons: any = document.getElementById("wrap");
    cons.addEventListener("scroll", function (e: any) {
      let scrollTop = e.target.scrollTop; //滚动条滚动距离
      let scrollHeight = e.target.scrollHeight; //文档内容实际高度，包括超出视窗的溢出部分
      let offsetHeight = Math.ceil(e.target.getBoundingClientRect().height);  //窗口可视范围高度
      let currentHeight = scrollTop + offsetHeight;
      if (currentHeight >= scrollHeight) {
        console.log("触底");
      }
    });
   //原生事件高度
   https://editor.csdn.net/md?not_checkout=1&articleId=109110736