手風琴滾動至當前未清項目

以下是我用過一段時間的簡單手風琴調用。一些未清項目包含大量文本，當選擇另一項目時，我需要它滾動到選定的未清項目。我已經嘗試了幾次使用scrollTo的其他帖子的變體，但沒有成功。任何幫助將不勝感激。手風琴滾動至當前未清項目

$(document).ready(function() { 

//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING) 
$('.turn1').click(function() { 

    //REMOVE THE ON CLASS FROM ALL BUTTONS 
    $('.turn1').removeClass('on'); 

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES 
    $('.turn2').slideUp('normal'); 

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT 
    if($(this).next().is(':hidden') == true) { 

     //ADD THE ON CLASS TO THE BUTTON 
     $(this).addClass('on'); 

     //OPEN THE SLIDE 
     $(this).next().slideDown('normal'); 
    } 

}); 

$('.turn2').hide(); 
$("#open").trigger('click'); 
}); 

<script type="text/javascript"> 
$(function(){ 
    $('.turn1').click(function(){ 
     $.scrollTo(this)             
    }) 
}); 
</script>

我也有這個腳本，它工作得很好，但具有使第一手風琴項目麻煩不下來跳轉到頁面的第一手風琴項生活在那裏的中間。

<script type="text/javascript"> 
$("#accord_holder").accordion({ 
autoHeight: false, 
collapsible:true, 
navigation:true, 
active:false, 
change: function(event, ui) { 
    $(window).scrollTop(ui.newHeader.position().top - 1); 
} 
}); 
</script>

來源

2013-08-29 KMP

你不向我們展示你是如何想實現我在原來的職位，在底部添加了scrollTo功能的滾動部分 – Itay

。 – KMP

使用jQuery的position和scrollTop()：

<script type="text/javascript"> 
$(function(){ 
    $('.turn1').click(function(){ 
     $("html, body").scrollTop($(this).position().top); 
    }); 
}); 
</script>

來源

2013-08-29 16:08:57 Itay

我加了以下內容，效果很好 – KMP

@KMP很高興幫助。 – Itay

關於原始帖子中第二個選項的任何建議。試圖使第一個標題不能跳到第一個標題位置，只有第一個標題後面的那個標題。 – KMP

手風琴滾動至當前未清項目

回答

相關問題