Html 允许滚动超出页面底部

我使用ids链接来显示这样的标题

<h2 id="section-name">section x</h2>

并且有这样的链接可以向下滚动到它们：

<a href=#section-name>section x</a>

在我看来，问题在于，当页面短于浏览器窗口高度，或者标题接近页面底部时，跳转链接没有效果，因为浏览器没有可用的滚动条

我想让卷轴工作，只要有必要我的页脚颜色向下延伸

我能想到的唯一方法是有一个巨大的填充底部：200em；在页脚，但很容易滚动到虚无，我必须猜测用户的屏幕有多高

有更好的办法吗

---

下面是我正在做的事情-注意url末尾的数据，但请注意它没有将数据标题放在浏览器窗口的顶部。

我的温和建议是使用单击突出显示部分

通过单击链接，获取节id并使用某个类将其高亮显示

使用过渡使其更平滑

$'a'。单击函数{ var currentSection=$this.attr'href'； $currentSection.addClass“突出显示”； setTimeoutfunction{ $currentSection.removeClass“突出显示”； }, 2000; }; div{ 高度：200px； 过渡：背景色1000ms线性； } .突出显示{ 背景色：rgba0,0,0,0.2； } 一些文本 第一节 第2节

---

这一直是一件令人担忧的事情。我认为在不增加文档长度的情况下，没有办法解决这个问题。您只能将元素带入相对于文档高度的视口。如果文档在视口中包含所有元素，则实际上没有任何可滚动的内容。您可以将页脚固定在视口的底部：0，并按您所说的方式添加填充，或动态添加一些其他间距意外值，但目前它的工作方式与预期一致。请查看一些css功能，如Overcroll行为，您可以拥有/控制反弹效果。这是使用滚动区域/视图可以实现的最大效果。我不认为overscroll正是我想要的，但谢谢，了解它很有用。很好，谢谢！这确实吸引了人们的目光，让他们看到了它所跳到的东西。