Html 如何使网站在某一点上停止向下滚动?

Html 如何使网站在某一点上停止向下滚动?,html,css,scroll,responsive-design,Html,Css,Scroll,Responsive Design,这是我的代码: 如何使网站停止向下滚动内容的实际结束位置 overflow-y:hidden; 在body元素中,它不起作用,因为它根本不会让我滚动页面。但我需要向下滚动到我的内容结束的地方。 除了使用js或bootstrap之外,我如何用最简单的方法来做或防止它 问题的出现是因为每个新元素都越来越低 谢谢你的帮助 发生这种情况是因为许多元素都具有位置:relative。相对位置保存默认情况下应渲染元素的位置 您需要更改html结构和css 示例:嗨,欢迎来到SO!如果您只需添加*{outl

这是我的代码:

如何使网站停止向下滚动内容的实际结束位置

overflow-y:hidden;
在body元素中,它不起作用,因为它根本不会让我滚动页面。但我需要向下滚动到我的内容结束的地方。 除了使用js或bootstrap之外,我如何用最简单的方法来做或防止它

问题的出现是因为每个新元素都越来越低


谢谢你的帮助

发生这种情况是因为许多元素都具有
位置:relative
。相对位置保存默认情况下应渲染元素的位置

您需要更改html结构和css


示例:

嗨,欢迎来到SO!如果您只需添加
*{outline:red 1px虚线}
来添加一个可视指南,显示您需要提高对
位置的理解和正确使用
属性的理解了解
静态
相对
之间的差异,那么您的问题在视觉上就会变得更加明显,绝对值以及它们的影响。不幸的是,这使问题变得非常广泛。