new2.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. $(function () {
  2. // 显示区高度
  3. let ch = document.documentElement.clientHeight || document.body.clientHeight;
  4. let lock = false;
  5. $(window).scroll(function () {
  6. if (lock) return false;
  7. // 滑动区高度
  8. let sh = document.documentElement.scrollHeight || document.body.scrollHeight;
  9. // 滑动位置
  10. let st = document.documentElement.scrollTop || document.body.scrollTop;
  11. let c = sh * 1 - ch * 1 - st * 1;
  12. if (c == 0) {
  13. lock = true;
  14. $(".my-loading").show();
  15. data().then(res => { lock = res; $(".my-loading").hide(); })
  16. }
  17. })
  18. // 加载数据
  19. function data () {
  20. let str = `<a target="_blank" href="https://www.baidu.com" class="list-item">
  21. <div class="item-img">
  22. <img src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628514522805675.png!cover2"
  23. alt="">
  24. </div>
  25. <div class="item-detail">
  26. <div class="title">广东省警察学院:从未委托任何个人或机构进行招生宣传;广东省警察学院:从未委托任何个人或机构进行招生宣传</div>
  27. <div class="time">高考动态<span>2021-04-21</span></div>
  28. </div>
  29. </a>`
  30. return new Promise(resolve => {
  31. setTimeout(() => {
  32. $(".list").append(str);
  33. resolve(false)
  34. }, 2000)
  35. })
  36. }
  37. })