diff --git a/template/app/view/cls/Overview.js b/template/app/view/cls/Overview.js
index 231aa2d81a85939066be2c374d1dd23222d7ee44..9646a417ebfd3448d92ea8f054ec9c01b5917078 100644
--- a/template/app/view/cls/Overview.js
+++ b/template/app/view/cls/Overview.js
@@ -79,6 +79,9 @@ Ext.define('Docs.view.cls.Overview', {
                 filter: function(search, show) {
                     this.filterMembers(search, show);
                 },
+                menubuttonclick: function(type) {
+                    this.scrollToEl("h3.members-title.icon-"+type, -20);
+                },
                 scope: this
             }
         });
diff --git a/template/app/view/cls/Toolbar.js b/template/app/view/cls/Toolbar.js
index 13e051284cfab55fb4f5ffab77cdc7bd7d41f894..55848b01550c1d69d5443eef8e94b6a5db02a52a 100644
--- a/template/app/view/cls/Toolbar.js
+++ b/template/app/view/cls/Toolbar.js
@@ -28,6 +28,12 @@ Ext.define('Docs.view.cls.Toolbar', {
 
     initComponent: function() {
         this.addEvents(
+            /**
+             * @event buttonclick
+             * Fired when one of the toolbar HoverMenuButtons is clicked.
+             * @param {String} type Type of button that was clicked "cfg", "method", "event", etc
+             */
+            "menubuttonclick",
             /**
              * @event filter
              * Fires when text typed to filter, or one of the hide-checkboxes clicked.
@@ -177,7 +183,7 @@ Ext.define('Docs.view.cls.Toolbar', {
             showCount: true,
             listeners: {
                 click: function() {
-                    this.up('classoverview').scrollToEl("#m-" + cfg.type);
+                    this.fireEvent('menubuttonclick', cfg.type);
                 },
                 scope: this
             }