first commit

历届学生/font-end-nine/项目练习/上课项目/枸杞社/js/page/model.js

@@ -0,0 +1,39 @@
+class Model {
+    constructor () {
+
+        header("模特")
+        footer();
+        this.getModel() 
+        this.hotscroll()
+    }
+
+    //渲染页面
+    async getModel() {
+        var res = await indexServe.model()
+        
+        console.log(res);
+
+        model($('.hot_modelAll'),res)
+    };
+
+
+    //请求更多数据
+    hotscroll() {
+        console.log("$('.hot')",$('.hot'));
+        $('.hot').onscroll = () => {
+            // console.log('123');
+            const {clientHeight, scrollHeight, scrollTop} = $('.hot');
+            const distance = scrollHeight- scrollTop - clientHeight;
+            console.log(clientHeight, scrollHeight, scrollTop);
+                if(distance <= 10){
+                    console.log("滚动到底部...");
+                    this.getModel()
+                }
+        }
+
+
+    }
+
+}
+
+new Model()