Bootstrap 4 不确定这是否可行,但我想在视图端口的底部放置一个条,直到页脚滚动到视图中为止

Bootstrap 4 不确定这是否可行,但我想在视图端口的底部放置一个条,直到页脚滚动到视图中为止,bootstrap-4,css-position,Bootstrap 4,Css Position,希望我能解释清楚。我搜索了许多排列,但找不到任何与 我有一个带有一些按钮的条,它使用绝对和固定的定位“固定”到视图端口的底部。我理解这一点(使用bootstrap4) 然后我想发生的是,当用户滚动页面,然后页脚进入视图时,按钮栏将随着页脚一起向上移动,以避免遮挡页脚。当用户向下滚动页面并且页脚移出视图时,按钮栏将停留在视图端口的底部 我该怎么做?我尝试了很多方法,但似乎都无法将其固定在页脚上 感谢所有建议。您可能想尝试jQuery滚动功能: 因此,您可以检测按钮栏所在的滚动距离,然后更改css以

希望我能解释清楚。我搜索了许多排列,但找不到任何与

我有一个带有一些按钮的条,它使用绝对和固定的定位“固定”到视图端口的底部。我理解这一点(使用bootstrap4)

然后我想发生的是,当用户滚动页面,然后页脚进入视图时,按钮栏将随着页脚一起向上移动,以避免遮挡页脚。当用户向下滚动页面并且页脚移出视图时,按钮栏将停留在视图端口的底部

我该怎么做?我尝试了很多方法,但似乎都无法将其固定在页脚上


感谢所有建议。

您可能想尝试jQuery滚动功能:


因此,您可以检测按钮栏所在的滚动距离,然后更改css以使视口栏不固定。不过可能有点棘手。

很有趣。我来看看。谢谢