Javascript css在使用主干网时不工作

我正在使用backbone.js和require.js来开发网页。现在我陷入了困境，请任何人帮帮我。我想在页面底部显示一个固定的图标，甚至向下滚动光标。我补充如下：-

<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中包含的部分加载到index.html中。请随时更新您对此的想法

谢谢，

---

Jyothis

在你的position属性上试试这个。可能是主干正在覆盖您的CSS

position: fixed !important;

---

如果您可以像这样更改css类：

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

---

由于ID具有最高优先级，因此这将起作用，因为我们选择了具有ID和类名组合的元素。

检查元素，看看是否有任何CSS规则覆盖了它，它可以与您给定的信息一起正常工作。在生成的HTMLTank中，您的回复肯定存在其他冲突。但问题依然存在。我做到了。但是没有用。我正在使用外部css。这有什么问题吗？我不知道我在用主干MV*架构。因此，我在index.html中将每个视图呈现为模板。你认为这是问题的原因吗？

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