Javascript 在父div上滚动时滚动子div

Javascript 在父div上滚动时滚动子div,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,当用户在父div上滚动时,子级应该滚动到末尾,然后页面滚动应该继续 我尝试了这种相反的逻辑 但是不起作用。请建议如何让这个工作 滚动子项{高度:50px;宽度:400px;边框:1px纯绿色;溢出:滚动;} .parent{高度:5000px;宽度:100%;填充:20px 0;边框:1px纯红色;溢出:滚动;} Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本

当用户在父div上滚动时,子级应该滚动到末尾,然后页面滚动应该继续

我尝试了这种相反的逻辑

但是不起作用。请建议如何让这个工作

滚动子项{高度:50px;宽度:400px;边框:1px纯绿色;溢出:滚动;}
.parent{高度:5000px;宽度:100%;填充:20px 0;边框:1px纯红色;溢出:滚动;}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

如果我理解正确,只需添加位置:固定;到滚动子分区。请参见下文

滚动子项{高度:50px;宽度:400px;边框:1px纯绿色;溢出:滚动;位置:固定;}
.parent{高度:5000px;宽度:100%;填充:20px 0;边框:1px纯红色;}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

如果我理解正确,只需添加位置:固定;到滚动子分区。请参见下文

滚动子项{高度:50px;宽度:400px;边框:1px纯绿色;溢出:滚动;位置:固定;}
.parent{高度:5000px;宽度:100%;填充:20px 0;边框:1px纯红色;}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

但父级没有溢出,因此它如何滚动?还有,你为什么想要这个功能呢?你也添加了滚动条。这段代码是我网页的一小部分。我需要这个以获得更好的外观和感觉。同样,内部内容不够大,无法导致任何滚动,因此我看不到您希望发生什么,但父级没有溢出,因此它如何滚动?还有,你为什么想要这个功能呢?你也添加了滚动条。这段代码是我网页的一小部分。我需要这个,以获得更好的外观和感觉。再次强调,内部内容不够大,无法引起任何滚动,因此我看不到您希望发生的事情。我不认为这是OP正在寻找的。我如何解释这个问题是OP希望用户在父div上滚动,而当子div不在底部时,向下滚动直到到达子div end。然后继续滚动父div。这一切都不需要将鼠标从父div上移开。至少我的解释是这样的。我不认为这是OP想要的。我如何解释这个问题是OP希望用户在父div上滚动,而当子div不在底部时,向下滚动直到到达子div end。然后继续滚动父div。无需将鼠标移离父div即可。至少我的解释是这样的。