css在使用骨干时不起作用

Question

我使用backbone.js和require.js来开发网页。现在我陷入了困境，有人请帮助我。我想在页面底部显示固定<div>，甚至向下滚动光标。我添加如下： -

<div id="btn-scroll-up" class="footer-content btn-scroll btn btn-sm btn-inverse">
     <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</div>

我也用类创建了一个css： -

.btn-scroll {
   position: fixed;
   bottom: 0;
   right: 0;
   visibility: visible;
 }

但是，我很惊讶固定的位置不起作用。我使用主干模板和模板中包含的<div>部分，并在index.html中加载了css。请随时更新您对此的看法。

感谢， Jyothis

Answer 1

在您的位置属性上尝试此操作。它可能是骨干覆盖你的CSS。

position: fixed !important;

Answer 2

如果你能像这样改变你的css类：

#btn-scroll-up.btn-scroll {  /* <---use a #id.class selector */
   position: fixed;
   bottom: 0;
   right: 0;
   visibility: visible;
 }

---

由于ID具有最高优先级，因此我们可以选择具有其ID和类名称组合的元素。