0
這將更容易解釋我想用圖像做什麼。如何以編程方式滾動下拉菜單
這是下拉菜單:(http://i.imgur.com/Y1bjEGB.png)
在「composicion_estadistica」,也有崩潰的時候,你點擊它是擴大領域。 問題是,當我點擊它,我得到這個:(http://i.imgur.com/45zhaZl.png)
擴大字段不顯示,你需要向下滾動才能看到它們。我希望當這些字段展開時,它會自動向下滾動,以便您可以看到新的字段。
在這種情況下,滾動到下拉菜單的末尾將足夠好,但事實並非總是如此,是否可以向下滾動到特定位置? 例如:如果擴展了10個新字段,我想向下滾動10行。
希望我解釋清楚自己。
下面是代碼:
<div class="dropdown" style="display:inline-block;">
<button class="btn btn-default btn-filtro btnWidget" type="button" data-toggle="dropdown" aria-expanded="true">
Agregar Orden <span class="caret"></span>
</button>
<ul class="dropdown-menu" style="overflow-y:auto; max-height:300px;">
<li class="dropdown" style="margin-left: 30px; cursor: pointer;" ng-repeat="field in controller.fields">
{{field.name}}
</li>
<li class="divider"></li>
<li class="dropdown-header" style="padding: 3px 10px; font-weight: bold; cursor: default;" ng-click="$event.stopPropagation();">Relaciones</li>
<ng-repeat ng-repeat="relacion in controller.relaciones" ng-init="relacion.show = false">
<li class="dropdown-header" style="padding: 3px 20px; font-weight: bold; cursor: default;" ng-click="relacion.show = !relacion.show; $event.stopPropagation();">
<span class="" ng-class="{'caret-right': !relacion.show, 'caret-bottom': relacion.show}"></span>
{{relacion.name}}
</li>
<li class="dropdown" style="margin-left: 30px; cursor: pointer;" ng-repeat="field in relacion.fields" ng-show="relacion.mostrar">
{{field.name}}
</li>
</ng-repeat>
</ul>