在javascript中滚动以在悬停时显示溢出元素

<style>
  .container {
    width: 200px;
    height: 200px;
    overflow: hidden;
  }
</style>

<div class="container" onmouseover="showOverflow(this)" onmouseout="hideOverflow(this)">
  <!-- 溢出的内容 -->
  <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nunc id aliquam lacinia, nisl nunc tincidunt nunc, vitae lacinia nunc nunc id nunc.
  </div>
</div>

<script>
  function showOverflow(element) {
    element.style.overflow = 'scroll';
  }

  function hideOverflow(element) {
    element.style.overflow = 'hidden';
  }
</script>