如何用css实现当（滚轮滑动到一定位置）时，将【nav导航定位】到图片下方展示

初始化效果

 鼠标滚动后，变成以下的效果

 1.布局2部分，图片和滚动区域

 2.在滚动区加上，除去图片的高度和滚动属性

此处减之后的高是 68vh

.content_scroll::-webkit-scrollbar{
   width: 0; // 隐藏滚动条
}

.content_scroll{
   overflow-y: scroll;
   height: 68vh;
}

 3.给nav导航切换的内容区域（目录/评论）加 滚动区高度减去nav区高度和滚动属性

 此处即 calc(68vh - 8.5vh)

.scroll_box{
   overflow-y: scroll;
   height: calc(68vh - 8.5vh);
}

     希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的解决方法，欢迎大家在评论区下方留言支持，大家一起相互学习参考呀~