javascript - 使用应具有固定位置的按钮滚动

Question

我正在尝试让一个按钮继续滚动。网址是http://mkg-praxisklinik-muenchen.de/ .它是左下方的绿色按钮“Termin vereinbaren”。当我滚动页面时，它应该保持粘性(固定位置)。

问题是，如果页面太短，按钮根本不会出现 - 在响应式设计中也是如此。

我已经尝试了所有已知的 css 解决方法，但都没有成功。有人知道 JavaScript 解决方案吗？

Answer 1

当使用position: fixed时，需要设置top,bottom,left,right等position属性

在这种情况下，我所做的就是添加

bottom: 50px;

它的工作方式与您预期的一样。

此外，在使用定位时不需要边距。

我还注意到您有一个相对容器，这可能不是处理固定元素的最佳方式。我会一起移除容器。