2014-05-21 70 views
0

我有一個手風琴功能,它在點擊時不會將視口調整到打開元素的頂部。查看移動或小屏幕尺寸,看看我所說的:http://startyourlife.com/biz-training/ScrollTop問題

這裏是工作中的一個例子:http://tympanus.net/Tutorials/FlexibleSlideToTopAccordion/

你會看到,如果你點擊它滾動到該元素的頂部。這裏是JavaScript我目前有:

if (section_title.length) { 
    section_title.click(function() { 
     if ((!section.hasClass('active')) && (!running)) { 
      running = true; 
      var currentHeight, newHeight; 
      items.each(function() { 
       if ($(this).hasClass('active')) { 
        $(this).removeClass('active'); 
       } 
      }); 
      if (item.length) { 
       item.addClass('active'); 
      } 

      sections.each(function() { 
       if ($(this).hasClass('active')) { 
        currentHeight = $(this).find('.w-timeline-section-content').height(); 
        $(this).find('.w-timeline-section-content').slideUp(); 
       } 
      }); 

      newHeight = section_content.height(); 

      if (activeIndex < index) { 

       $('html').animate({ 
        scrollTop: $('html').scrollTop() - currentHeight 
       }); 
      } 

      section_content.slideDown(null, function() { 
       sections.each(function() { 
        if ($(this).hasClass('active')) { 
         $(this).removeClass('active'); 
        } 
       }); 
       section.addClass('active'); 
       activeIndex = index; 
       running = false; 
      }); 

     } 
    }); 
} 
+0

我沒有看到你鏈接的第一頁上的任何手風琴。 - ETA從不知道,我只能看到手機上的手風琴,對不起。 – pennstatephil

+0

現在我無法在頁面上找到您的JavaScript。你確定它正在被加載?你有沒有設置斷點來判斷它是否被擊中? – pennstatephil

+0

是的,它正在工作,我只是將HTML更改爲正文,它比以前更好,但仍然不滾動到活動div的頂部 – Brendan

回答

0

固定它,在最後一行添加後這一權利「運行=假」

var target = $(section); 
    if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
    }