今天，你有没有在浏览器上无意中滚动过页面呢？

本文共计3712个文字，预计阅读时间需要15分钟。

今天，你的浏览器滚动了吗？在Web页面中，一个具有高度或宽度的容器是最常见的构成元素，其中的子元素往往有超过父容器尺寸的倾向，我们称之为溢出。

今天，你的浏览器“滚动”了吗？序在Web页面中，一个有高度或者宽度的容器是最常见的构成元素，而在其中的子元素有很大的概率超过父容器的尺寸限制，我们称之为“溢出”。而应对“溢出”，隐

今天，你的浏览器 “滚动” 了吗？

序

在 Web 页面中，一个有高度或者宽度的容器是最常见的构成元素，而在其中的子元素有很大的概率超过父容器的尺寸限制，我们称之为“溢出”。而应对“溢出”，隐藏或者滚动是最常见的处理方式。滚动，作为 FEers 最经常处理的一种行为，却因为不同浏览器的各种表现形式让大家头痛不已，今天笔者从自身维护的组件出发，和大家分享一下自己在处理滚动和滚动条时遇到的问题，以及解决的办法，希望能够给你在解决同类问题时带来一些启发。同时本文也是 “从零开始的 React 组件开发之路” 系列的第二篇 表格篇番外。

遇到的问题 1：尴尬的双滚动条

笔者在团队中负责基础组件的开发和维护，作为一个 B 类业务较多的团队，表格是最常用和需求最为旺盛的组件，假设有下方这样一个最简单的表格结构。

图1：最简单的表格结构

因为空间有限，我们希望表格高度限定，这样势必引入表格上下滚动的情况。