Javascript 主页滚动上的可滚动元素焦点

Javascript 主页滚动上的可滚动元素焦点,javascript,html,css,scroll,focus,Javascript,Html,Css,Scroll,Focus,我在可滚动页面中创建了一个内部可滚动部分 我想在页面滚动到达时滚动它(聚焦) 这是一个演示(也在codepen上) 全屏显示,视野更佳 .wrapper{ 位置:相对位置; 高度:100vh; 背景:珊瑚; 颜色:白色; 溢出:自动; 框大小:边框框; z指数:0; } .包装工:之后{ 内容:''; 显示:块; 高度:100vh; 指针事件:无; } .形象{ 背景:url('https://wallpaperaccess.com/full/493220.jpg'); 高度:100vh; 位

我在可滚动页面中创建了一个内部可滚动部分

我想在页面滚动到达时滚动它(聚焦)

这是一个演示(也在codepen上)

全屏显示,视野更佳
.wrapper{
位置:相对位置;
高度:100vh;
背景:珊瑚;
颜色:白色;
溢出:自动;
框大小:边框框;
z指数:0;
}
.包装工:之后{
内容:'';
显示:块;
高度:100vh;
指针事件:无;
}
.形象{
背景:url('https://wallpaperaccess.com/full/493220.jpg');
高度:100vh;
位置:绝对位置;
排名:0;
左:0;
右:0;
z指数:1;
}
.内容{
位置:粘性;
排名:0;
显示器:flex;
证明内容:中心;
对齐项目:居中;
高度:100vh;
字号:3em;
文本对齐:居中;
}
身体{
字号:2em;
背景:蓝紫罗兰;
颜色:白色;
}
html,正文{
保证金:0;
字体系列:无衬线;
}

我的同僚们都是精英。是否有人认为这是一种生活方式?暂时性的,暂时性的。奥迪特·基布斯丹共和国。

我的同僚们都是精英。是否有人认为这是一种生活方式?暂时性的,暂时性的。奥迪特·基布斯丹共和国。

Lorem ipsum dolor坐在amet Concertetur,告别精英。你的表现如何,你的能力如何,你的能力如何,你的能力如何

我的同僚们都是精英。是否有人认为这是一种生活方式?暂时性的,暂时性的。奥迪特·基布斯丹共和国。

我的同僚们都是精英。是否有人认为这是一种生活方式?暂时性的,暂时性的。奥迪特·基布斯丹共和国。

您尝试过什么?在Firefox中的代码片段中,它似乎与您期望的一样工作。@Kaddath我在Firefox中尝试过笔,但它也不工作。仅当您在可滚动元素上单击或等待鼠标时,它才起作用。如果你直接滚动,它不会滚动。例如,我希望它像这样工作,但是在内部元素中滚动你尝试了什么?在Firefox中的代码片段中,它似乎与您期望的一样工作。@Kaddath我在Firefox中尝试过笔,但它也不工作。仅当您在可滚动元素上单击或等待鼠标时,它才起作用。如果直接滚动,它不会滚动。例如,我希望它像这样工作,但在内部元素中滚动