new_file.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8. <meta name="format-detection" content="telephone=no">
  9. <link rel="stylesheet" href="/static/css/style.css" />
  10. <link rel="stylesheet" href="/static/css/cart.css" />
  11. <title></title>
  12. </head>
  13. <style>
  14. .container{
  15. width: 100%;
  16. height: 30rem;
  17. overflow: scroll;
  18. }
  19. .con{
  20. width: 100%;
  21. height: 50rem;
  22. background-image:url(/static/images/1下订单信息--有地址.jpg) ;
  23. background-size:100% 100% ;
  24. }
  25. </style>
  26. <body>
  27. <div class="container">
  28. <div class="con"></div>
  29. </div>
  30. {include file='Index/footer'}
  31. <script src="/static/js/jquery-3.2.1.min.js"></script>
  32. <script src="/static/js/common.js"></script>
  33. <script src="/static/js/cart.js"></script>
  34. </body>
  35. <script>
  36. $(document).ready(function(){
  37. $(".container").unbind("scroll").bind("scroll", function(e){
  38. var sum = this.scrollHeight;
  39. console.log(sum);
  40. console.log($(this).scrollTop() + $(this).height()+"..");
  41. if (sum <= $(this).scrollTop() + $(this).height()+100) {
  42. }
  43. });
  44. });
  45. </script>
  46. </html>