使滑动文本在到达div底部时消失

<div id="myDiv" style="height: 200px; overflow: auto;">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  <p>Phasellus euismod justo vitae leo consequat, in facilisis tellus tincidunt.</p>
  <p>Nulla facilisi. Sed euismod nunc a nisl fringilla, at aliquet nunc auctor.</p>
  <p>Etiam nec nunc auctor, ullamcorper nunc eget, aliquet nunc.</p>
  <p>Donec euismod mauris in nunc aliquet, eget tincidunt lectus aliquam.</p>
  <p>Curabitur auctor purus vitae lectus auctor, sit amet consectetur elit consectetur.</p>
  <p>Proin ut nunc auctor, aliquam nunc in, fringilla nunc.</p>
  <p>Quisque lacinia ligula nec nunc aliquet, ac lacinia mauris pharetra.</p>
  <p>Maecenas non turpis nec nunc aliquet ultricies.</p>
  <p>Integer euismod felis nec nunc aliquet, at aliquet nunc auctor.</p>
  <p>Nullam auctor nunc a nunc aliquet, non aliquet nunc aliquam.</p>
  <p>Etiam nec nunc auctor, ullamcorper nunc eget, aliquet nunc.</p>
  <p>Donec euismod mauris in nunc aliquet, eget tincidunt lectus aliquam.</p>
  <p>Curabitur auctor purus vitae lectus auctor, sit amet consectetur elit consectetur.</p>
  <p>Proin ut nunc auctor, aliquam nunc in, fringilla nunc.</p>
  <p>Quisque lacinia ligula nec nunc aliquet, ac lacinia mauris pharetra.</p>
  <p>Maecenas non turpis nec nunc aliquet ultricies.</p>
  <p>Integer euismod felis nec nunc aliquet, at aliquet nunc auctor.</p>
  <p>Nullam auctor nunc a nunc aliquet, non aliquet nunc aliquam.</p>
  <p id="slideText">滑动文本</p>
</div>

#slideText {
  display: block;
}

.hide {
  display: none;
}

var myDiv = document.getElementById("myDiv");
var slideText = document.getElementById("slideText");

myDiv.addEventListener("scroll", function() {
  if (myDiv.scrollTop == myDiv.scrollHeight - myDiv.offsetHeight) {
    slideText.classList.add("hide");
  } else {
    slideText.classList.remove("hide");
  }
});