AngularJS - 点击按钮实现水平滚动

Question

如何在点击右箭头和左箭头时进行水平滚动。

<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>

我使用一个示例教程创建了带有选项卡和按钮的内容。链接在这里。请帮我修复这个问题。

- htoniv

---

你想在点击右键时切换到下一个选项卡，在点击左键时切换到上一个选项卡吗？ - ProllyGeek

不，当我点击右键时，选项卡应向右移动，向左也是同样的效果。@ProllyGeek。对于延迟感到抱歉。 - htoniv

请看我用原生JavaScript编写的示例代码 链接，我需要类似的代码。 - htoniv

对不起，您说的“move”是什么意思？您只需要滚动选项卡吗？ - ProllyGeek

请查看此链接（http://jsfiddle.net/jbrosi/c6kf2/）。我需要在angular-bootstrap-ui中实现相同的功能。 - htoniv

Answer 1

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

- Shubham Takode