Bootsfaces scrollUp和Gliphicon

Question

我正在使用一个使用BootsFaces 1.1.3的JSF项目

我试过以下没有运气

<b:scrollUp text="" distance="150" class="glyphicon glyphicon-chevron-up"/>

如何使用b：scrollUp？

设置glyphicon图标

Answer 1

我还没有尝试过，但根据插件的文档，您必须设置属性image="true"。图像本身必须在CSS片段中定义：

#scrollUp {
    background-image: url("../../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}  

要使用Glyphicon，它可能是查找Glyphicon定义并将其复制到CSS片段的最佳方法：

    .glyphicon {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon-chevron-up 
    { 
       &:before { content: "\e113"; } 
    }