3

如何在单击时使用左右箭头进行水平滚动。

<div ng-controller="TabsDemoCtrl">
<button class="btn-sm btn-default glyphicon glyphicon-chevron-left" style="float: left; margin-top: 22px" ng-click="horizontalScroll()"></button>
  <uib-tabset active="active">
    <uib-tab index="0" heading="Static title">Static content</uib-tab>
    <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
      {{tab.content}}
    </uib-tab>
  </uib-tabset>
<button class="btn-sm btn-default glyphicon glyphicon-chevron-right" style="float: right; margin-top: 22px;  right: 0px; position: absolute"  ng-click="horizontalScroll()"></button>
</div>

在这里,我使用示例教程创建了选项卡和按钮。附上链接

请帮我解决这个问题。

4

1 回答 1

0

使用<scrollable-tabset>它在 GitHub 上可用https://github.com/VersifitTechnologies/angular-ui-tab-scroll

于 2016-08-05T13:35:35.480 回答