影响自定义指令的Angular UI Accordion

Question

当我尝试实现类似于Myntra Ios应用程序的菜单标签时，我一直遇到问题（有些人必须这样做）..请检查下面的代码。

 <uib-accordion close-others="true">
        <uib-accordion-group data-ng-repeat="subMenu1 in mobileMenu" data-ng-if="$index" is-open="this.open" class="myClass" sticky-scroll>
          <uib-accordion-heading data-ng-init="showSubMenu1=false" data-ng-if="$index" class="_msubMenu4">
            <div class="_msubMenu1">{{subMenu1[0]}}</div>
            <div class="_msubMenu_icon">
               <i class="fa" aria-hidden="true" ng-class="{'fa-angle-down': this.open, 'fa-angle-right': !this.open}"></i>
            </div>
         </uib-accordion-heading>
    </uib-accordion>

我想在UI accordion-group上使用sticky-scroll指令，这样点击它就会滚动到顶部。指令正在运行，但唯一的问题是，指令仅在我点击glyphicon上方的区域时才起作用。应该为整个UI手风琴组调用指令。

自定义指令代码：

 'use strict';
    angular.module('bewakoof2App')
      .directive('stickyScroll', function() {
        return {
          restrict: 'A',
          link: function(scope, $elm) {
            $elm.on('click', function() {
              $("._mMainMenu").animate({
                scrollTop: $elm.position().top - $elm.height()
              }, "slow");
            });
          }
        }
      });