プログラムでドロップダウンメニューをスクロールする方法

画像で何をしたいのか説明しやすくなります。プログラムでドロップダウンメニューをスクロールする方法

これはドロップダウンである：（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>

出典

2016-06-13 iRonth