为什么列表滚动会互相影响？因为它们本身不是在滚动，而是整个body页面都在滚动，不管你是在a通道还是b通道，唯一实现滚动的就是body元素。Tips：如何快速找到哪个元素在滚动？将下面的代码粘贴到调试工具中运行，然后滚动页面，看看是哪个元素在滚动。functionfindscroller(element){element.onscroll=function(){console.log(element)}Array.from(element.children).forEach(findscroller)}findscroller(document.body)如何解决呢？让每个标签内容文章列表生成自己的滚动容器，这样就不会互相影响了。固定高度：height:xxx;删除滚动；溢出-y：自动；然后我们设置文章列表组件的根节点样式如下：.article-list{//百分比单位是相对于父元素的，（review元素发现他所有的父元素都不高）height:100%;overflow-y:auto;}C3新增了视口单位Vw和Vh，什么是视口是基于你浏览器窗口大小的单位，不受父元素影响视口单位是相对于布局视口1Vw=可见窗口宽度的1%，例如窗口宽度为750。那么1Vw=7.5px1Vh=可见窗口高度的百分之一，比如窗口宽度为667。那么1Vw=6.675px使用时唯一需要注意的是它的兼容性是兼容IE9的PC端和移动端IOS8以上和Android4.4及以上版本均支持，在微信X5内核中也全面支持。Vue本身只兼容IE9，视口单元就更不用说了，放心大胆使用吧。最终设置代码如下：.article-list{height:79vh;溢出-y：自动；}
