Javascript 如何在滚动网站时显示我的文字

滚动时如何使文本显示？我找到了这个，但我想知道它是怎么工作的。有人问了一个类似的问题，但我不明白。有人能解释一下，或提供一些例子，说明如何使这项工作有效吗

谢谢

HTML

<div id = "divToShowHide" class = "BeforeScroll">Content i want to appear while scrolling</div>

---

一个基本的例子是：假设您的一些内容位于

页面总高度的70%<代码>

最初，您将设置

document.getElementById（“appealable\u text”）.style.display=“无”

您可以设置一个函数

function OnScroll() {

            var totalHeight = this.offsetHeight; //(this, because container is the caller of the function from the code below)
            if (this.scrollTop || this.scrollTop > totalHeight * 0.7) { //if scrolling reached 70% of height
               document.getElementById("appearable_text").style.display = "block"; 
            }
        }

然后使用它

var container = document.getElementById("container");
container.onscroll = OnScroll;

当然，不是突然显示
，你可以淡入淡出，或者做你喜欢的各种CSS/JQuery技巧。
我发现了这一点，但我不明白：如果你发布了一篇文章，你会增加更改以得到一个好的答案。这是它背后的代码，你不需要jquery插件就可以很好地理解它。。请注意，谢谢，我会看的。
var container = document.getElementById("container");
container.onscroll = OnScroll;