Video 滚动条上的粘性透明导航栏,使用视频作为背景

Video 滚动条上的粘性透明导航栏,使用视频作为背景,video,background,navbar,transparent,sticky,Video,Background,Navbar,Transparent,Sticky,我试图在这个网站上做一个导航栏 (要查看效果,您必须单击菜单的任何链接,以便向下滚动。) 正如您所看到的,当您向下滚动导航栏时,它会以视频为背景,通过一些顶部填充粘贴到顶部 我看到它使用引导Scrollspy,但我不确定如何在我的网站上实现它 有可能用CSS实现这一点吗?该链接上的导航栏看起来不是透明的,只是有一个黑色背景。要使div“粘滞”并停留在滚动页面的顶部,需要使用“位置:固定” #粘性div{ 位置:固定; 背景:蓝色; 颜色:白色; 宽度:100%; 排名:0; } #虚拟内容{

我试图在这个网站上做一个导航栏

(要查看效果,您必须单击菜单的任何链接,以便向下滚动。)

正如您所看到的,当您向下滚动导航栏时,它会以视频为背景,通过一些顶部填充粘贴到顶部

我看到它使用引导Scrollspy,但我不确定如何在我的网站上实现它


有可能用CSS实现这一点吗?

该链接上的导航栏看起来不是透明的,只是有一个黑色背景。要使div“粘滞”并停留在滚动页面的顶部,需要使用“位置:固定”

#粘性div{
位置:固定;
背景:蓝色;
颜色:白色;
宽度:100%;
排名:0;
}
#虚拟内容{
背景:灰色;
填充:300px0;
}

我呆在这里

我不坚持


你好。导航栏就在标题后面,这将是一个全宽视频。我想做的是使导航栏在滚动时保持粘性,一旦我在标题后向下滚动,同时也使视频的底部保持粘性,因此它是导航栏的一部分。如果您查看网站并点击页面的任何链接,您可以向下滚动并看到此效果。无论如何,非常感谢你的帮助。