[spalenque] - #14593 * fix alpha index on speaker page

Author: santipalenque

summit/javascript/summit-speakers-page.js

@@ -27,9 +27,17 @@ $(window).on("scroll", function(e) {
 });
 
 $(function() {
-   $('.char-link').live('click', function(event){
+   $('.char-link').on('click', function(event){
+       event.preventDefault();
+
        $('.char-link').removeClass('active');
        $('.char-link').addClass('inactive');
        $(event.target).addClass('active');
+
+       var charLink = $(this).data('char');
+
+       $('html, body').animate({
+           scrollTop: $('#'+charLink).offset().top - 150
+       }, 2000);
    });
 });

summit/templates/Layout/SummitSpeakersPage.ss

@@ -3,7 +3,7 @@
     <div id="nav-char">
         <% loop getNavLetters %>
             <span class="nav-char-item">
-                <a class="char-link inactive" href="#{$Char}">$Char</a>
+                <a class="char-link inactive" href="" data-char="{$Char}" >$Char</a>
             </span>
         <% end_loop %>
     </div>
@@ -14,7 +14,7 @@
                 <%if $First %>
                     <div class="row">
                 <% end_if %>
-                <div class="col-lg-3 col-md-4 col-sm-6 col-xsm-6 featured" id="{$getFirstLetterFromName}">
+                <div class="col-lg-3 col-md-4 col-sm-6 col-xsm-6 featured" id="{$getFirstLetterFromName}" name="{$getFirstLetterFromName}">
                     <div class="summit-user-section">
                         <div class="summit-user-image-box">
                             <a title="see {$getName()}'s sessions" href="{$Top.getScheduleGlobalSearchPageLink($getName)}">
@@ -33,4 +33,5 @@
             <% end_loop %>
         </div>
     </div>
+
 <% end_cached %>