像b站消息可以滚动的那部分是用什么做的

页面还是那么大,但是消息部分可以一直滚动查看,
是用的什么方法做出来呢?

img

1.实际上他后面的是当用户划到一定位置,会去提前拉数据,加载更多的原理,只不过没给你看到下拉加载的效果
2.原理一样,数据一次请求到,一次渲染10个,当第九个被划到页面底部时,去把下一页的10个添加到页面上

限制一下高度height,然后overflow-y: scroll;

就是正常滚动
你可以写一个 限定高度的 div
然后在div下一个子标签 div
假设父div高度500px 字div高度1000px
这时给父div一个 overflow:auto 就可以进行滚动
你没看见滚动条 是他隐藏了

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7717929
  • 你也可以参考下这篇文章:如何将A对象属性值赋值给B对象中相同属性
  • 除此之外, 这篇博客: 大事件项目中的 描述:这个项目是我跟着B站黑马视频一点点学的,最后我完成了黑马视频老师剩下未补充的内容,即文章管理部分 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • B站黑马程序员Node,js教学视频

    本项目主要采用Node.js来开发代码
    

    1、先把服务器打开,在终端输入nodemon .\app.js,也可以输入node .\app.js,nodemon是一个插件,可以自动启动服务器。
    在这里插入图片描述2、在前端渲染目录\assets\js\user\baseAPI.js代码中的"options.url = ‘http://127.0.0.1:3007’ + options.url "IP地址换成你的IP地址即可。
    在这里插入图片描述3、按住ctrl+shift+p调出Express: Host Current Workspace and Open in Browser,如果没有弹出express,说明要下载一个插件express
    在这里插入图片描述4、如果打不开,说明你的端口被占用了,打开cmd窗口,输入netstat -ano | findstr 80,可以看到80端口的pid是2272
    在这里插入图片描述5、然后输入tasklist | findstr 2272
    在这里插入图片描述6、打开任务管理器,点击详情信息
    在这里插入图片描述7、再次重复前三步即可

    在这里插入图片描述8、输入用户名admin1,密码000000,进入主页
    在这里插入图片描述

  • 您还可以看一下 冯传宇老师的玩转微信小程序 实战高仿B站小程序课程中的 评论展示组件的封装及数据展示小节, 巩固相关知识点