Javascript 如何更改卷轴上的站点标题

我想在使用jquery向下滚动时，将站点标题的h1（.site-h1）更改为另一个文本。例如，滚动时，“我的网站”更改为“欢迎”

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

我的头衔
菜单
联系我

.navbar{
背景色：#F4F7F6；
溢出：隐藏；
位置：固定；
排名：0；
左：0；
宽度：100%；
}
.navbar.site-h1{
文本对齐：居中；
字体系列：“Oleo脚本”，草书；
颜色：#202221；
字号：2rem；
页边顶部：1rem；
}
.导航栏.菜单标题{
光标：指针；
}
.导航栏.菜单标题h2{
利润上限：-65px；
填充：.7rem 1.2rem；
字体系列：“Roboto Slab”，衬线；
字体大小：.8rem；
字体重量：较轻；
过渡：1s；
}
.navbar.菜单标题h2:悬停{
颜色：#A6ABAB；
}
.navbar.联系我{
文本对齐：右对齐；
利润上限：-50px；
右侧填充：1rem；
字体系列：“Roboto Slab”，衬线；
垫底：1毫米；
}
.navbar.contactme按钮{
背景色：#DF3E7B；
颜色：#F4F7F6；
边界：无；
边界半径：1em；
填充：.7rem；
字体大小：粗体；
字体大小：.8rem；
光标：指针；
}
.navbar.contactme按钮：悬停{
背景色：#dd85a5；
}

滚动时，我假设您指的是所有文档上的内容。为此，我们使用jQuery方法。 但是您可以注意到，为了优化它，我在这里使用jQuery来防止脚本在每次微小的滚动更改时多次触发事件

$（窗口）.one（'scroll'，function（）{
$（'.site-h1'）.text（'欢迎！快乐滚动：）；
log（'检测到滚动！'）；
});
.navbar{
背景色：#F4F7F6；
溢出：隐藏；
位置：固定；
排名：0；
左：0；
宽度：100%；
}
.navbar.site-h1{
文本对齐：居中；
字体系列：“Oleo脚本”，草书；
颜色：#202221；
字号：2rem；
页边顶部：1rem；
}
.导航栏.菜单标题{
光标：指针；
}
.导航栏.菜单标题h2{
利润上限：-65px；
填充：.7rem 1.2rem；
字体系列：“Roboto Slab”，衬线；
字体大小：.8rem；
字体重量：较轻；
过渡：1s；
}
.navbar.菜单标题h2:悬停{
颜色：#A6ABAB；
}
.navbar.联系我{
文本对齐：右对齐；
利润上限：-50px；
右侧填充：1rem；
字体系列：“Roboto Slab”，衬线；
垫底：1毫米；
}
.navbar.contactme按钮{
背景色：#DF3E7B；
颜色：#F4F7F6；
边界：无；
边界半径：1em；
填充：.7rem；
字体大小：粗体；
字体大小：.8rem；
光标：指针；
}
.navbar.contactme按钮：悬停{
背景色：#dd85a5；
}

我的头衔
菜单
联系我
洛勒姆

Ipsum

洛勒姆

Ipsum

洛勒姆

Ipsum

洛勒姆

Ipsum

一些文本
试试这个


$（窗口）.one（'scroll'，function（）{
$（'.title'）.text（'Welcome'）；
});

你好，欢迎

































































你的javascript在哪里？@GetSet只是这部分需要js，我没有找到解决方案还没有。你的意思是在所有的互联网上，没有滚动的东西？