滚动时如何将boostrap中的导航标签固定在顶部?

时间:2017-05-04 13:02:43

标签: javascript html css twitter-bootstrap twitter-bootstrap-3

我在Rails中有一个页面,有4-5个标签。每个选项卡呈现部分(例如页面)。我希望能够将标签固定在屏幕顶部或顶部的一些边缘,即使用户向下滚动。我使用Bootstrap的<ul class="nav nav-tabs">作为标签。

2 个答案:

答案 0 :(得分:0)

将班级navbar-fixed-top添加到nav ul

答案 1 :(得分:0)

uploadFile = function() {
        var data = new FormData(),
            url = "https://example.com:3000",
            xhr = new XMLHttpRequest();
        data.append('sampleFile', inputFileContainer.files[0]);

        xhr.open("POST", url + "/upload", true);
        xhr.responseType = 'arraybuffer';

        xhr.send(data);

        xhr.onload = function() {
            var blob = new Blob([xhr.response], {
                type: "application/pdf"
            });
            var fileName = "Converted.pdf";
            saveAs(blob, fileName);
            setConvertFormStatus(1);
            resetFileFields();
            if (xhr.status == 200) {
                showAlertForm('success', "File converted!");
            } else {
                //if something goes wrong
                showAlertForm('danger', "Server error!");
            }
        };

    },