javascript - 使用 Bootstrap 制作一个 div 粘性

标签 javascript jquery html css twitter-bootstrap

我将 Bootstrap v3 用于一个 div,一旦从其当前位置滚动,我想将其设置为“粘性”,无论是向左移动还是向左移动。

<div id="trigger1">
    <table class="nav-justified">
        <tr>
            <td>
                Menu Area
            </td>
            <td>
                <div class="text-right">
                    <div class="dropdown">
                        <a id="FilterDataLabel" class="btn btn-danger" data-target="#" data-toggle="dropdown" href="#" role="button">
                            <span aria-hidden="true" class="glyphicon glyphicon-filter">
                            </span>&nbsp;&nbsp;Filter Filter Menu
                        </a>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>

最佳答案

你需要的是使用CSS属性position: fixed;

看这个例子:jsFiddle .

关于javascript - 使用 Bootstrap 制作一个 div 粘性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30559487/

相关文章:

javascript - 跟踪模态事件

javascript - 当用户滚动到左端时将数据添加到 highcharts(Highstock)

javascript - 从当前 URL 获取#id

jquery - 如何从 jQuery Select2 元素中删除特定选项?

javascript - 如何获取所选行的行索引

javascript - 在两个窗口中打开页面

javascript - 有没有办法在 Javascript 中进行可变递归柯里化(Currying)?

javascript - 单选按钮 html 缺少 checked 属性,尽管 Firebug 指示它已被选中

html - 无法对齐图像旁边的文本

jquery - 抓取 div 的 bg-color 并使用 jquery 应用于另一个