2016-06-13 65 views
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> 

回答

相關問題