Bootstrap列

时间:2017-06-27 15:15:19

标签: css wordpress twitter-bootstrap sticky

当我滚动一定距离时,我试图让一根柱子粘到视口上。我使用新的CSS属性position: sticky;,它在某种程度上起作用。我的问题在于列锁定并保持在视口上。目前,只要浏览器的导航栏与粘性列的顶部联系,它就会附加到屏幕上,但我想要的是当我滚动到结束时它将被修复。列。

是否有人知道我是否可以使用position: sticky;来完成此操作?如果它不起作用,请推荐另一种我可以用来达到相同结果的方法。

我尝试过以下但没有一个有效:

position: sticky; top: 0; (This is the original one that I currently am using)
position: sticky; top: 20; (This makes the sticky function malfunction)
position: sticky; bottom: 0; (Same here)
position: sticky; bottom: -100; (Same here)

我正在使用Bootstrap和Wordpress。

0 个答案:

没有答案