可见的移动URL栏和元素之间平滑的垂直过渡-CSS JavaScript

见以下更新

查看此网站并查看附加图像-->

如果您看到，在计算机和移动设备上，元素以平滑的方式垂直过渡

它们似乎有一个基于视图端口的全高，类似于下面的CSS规则，这很容易做到，并且可以基于视口实现全高

element {
height: 100vh;
}

但我正在尝试滚动。

当它们在每个节或每个元素或div之间滚动时

通过点击右圆圈链接或用手指在移动设备上进行切换，过渡过程非常顺利

（请参考图像中的#1）

#1-有人知道怎么做吗？

此外，如果您注意到，在该站点上，移动URL栏始终可见

就像他们每次都刷新页面一样，当你浏览每个部分时，看看favicon是如何重新上传的

（请参考图像中的#2）

#2-我如何才能做到这一点？

已解决

我使用了这个纯JS解决方案，它解决了这两个问题

---

可能重复的，具体看一下这个答案，看看如何始终显示url栏：不，这两个建议都与我刚才描述的不一样。感谢找到解决方案，我只是更新了可能的副本，特别是看看这个答案，看看如何始终显示url栏：不，这些建议都没有接近我刚才描述的内容。感谢找到解决方案，我只需更新