2017-06-02 7 views
0

Derzeit habe ich verschiedene Zeilen auf der Homepage, und jede Zeile hat eine Schaltfläche. Wenn Sie auf die Schaltfläche klicken, wird das Div am oberen Rand der Seite angezeigt. Aber inzwischen gibt es noch eine weitere Aktion, die der Schaltfläche hinzugefügt wurde. Unten ist mein js Code:Onclick slide zu aktuellen div

$(".expandable-container-mobile").click(function() { 

      var el = $(this).find('.mobile-show-section');//get the current element 
      var el2 = $(this).find('.expandable'); 

      el.stop().slideToggle(700);//toggle the current one 
      $(this).children('.expandable').toggleClass('clicked'); 


      $('.expandable').not(el2).removeClass('clicked'); 
      $('.mobile-show-section').not(el).stop().slideUp();//hide the rest 

     }); 

I scrollify js $ .scrollify.move ("# name") verwenden; aber es scheint nicht mit dem div-section-name zu funktionieren, ein anderer Weg, um es zu erreichen, ist auch in Ordnung.

+0

Veröffentlichen Sie Ihre HTML als auch, so dass wir eine bessere Vorstellung davon haben, was du versuchst es zu tun –

Antwort

0

Verwenden jQuery, Stück Code-

function scrollToAnchor(aid){ 
    //get the element to be scrolled 
    var el = $(this).find('.mobile-show-section'); 
    //then scroll it using jQuery annimation 
    $('html,body').animate({scrollTop: el.offset().top},500); 
    }; 

einige meiner Antworten Siehe

Answer1

Answer2