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

滑动文本在到达div底部时消失，可以通过CSS和JavaScript来实现。

首先，需要给目标div设置一个固定的高度和overflow属性为scroll或auto，以便在内容超出div高度时出现滚动条。

接下来，可以使用JavaScript来监听div的滚动事件。当滚动条滚动到底部时，判断滚动条的位置是否等于div的内容高度减去div的高度，如果是，则将滑动文本隐藏。

以下是一个示例代码：

HTML:

<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>

CSS:

#slideText {
  display: block;
}

.hide {
  display: none;
}

JavaScript:

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");
  }
});

在上述代码中，滑动文本的初始状态是显示的，通过添加和移除CSS类名来控制其显示和隐藏。当滚动条滚动到底部时，给滑动文本添加一个名为"hide"的CSS类，该类的display属性设置为none，从而隐藏滑动文本。

这是一个简单的实现，可以根据实际需求进行修改和扩展。