2013-08-29 49 views
0

我有以下的手风琴工作,但无法弄清楚如何使第一个项目不滚动到页面中间的第一个项目位置。手风琴的位置和滚动到

我希望手风琴中的下列项目能够在单击时滚动到下一个项目开始。此外,当任何项目打开和关闭代码不再起作用。

但是,如果您选择的项目没有关闭打开的项目,那么代码工作顺利。感谢您的帮助。

$("#accord_holder").accordion({ 
    autoHeight: false, 
    collapsible:true, 
    navigation:true, 
    active:false, 
    change: function(event, ui) { 
    $(window).scrollTop(ui.newHeader.position().top - 1); 
    } 
    }); 
+0

尝试在这里复制你的问题jsbin.com – Arpit

+0

http://jsfiddle.net/rwyvh/1/ – KMP

回答

1

以下是错误

改变这种

$(window).scrollTop(ui.newHeader.position().top - 1); 

$(window).scrollTop(ui.newHeader.position.top - 50); 

更新您的提琴http://jsfiddle.net/rwyvh/37/

+0

这摆脱了开启/关闭的问题,但它滚动/跳转到顶部的时候选择发布第一项 – KMP

+0

刚刚阅读这篇文章。我已经在这里介绍了这个 http://www.c-sharpcorner.com/UploadFile/4aac15/smooth-scrolling-effect-in-javascript-using-jquery/ – Arpit

0
$("#accord_holder").accordion({ 
    autoHeight: false, 
    collapsible:true, 
    navigation:true, 
    active:false, 
    change: function(event, ui) { 
    //this might work 
    $(this).scrollTop($(this).scrollHeight); 
    } 
    }); 
+0

这需要照顾开/关问题,但完全取消了滚动。 – KMP

+0

给人打折,没有任何评论,为什么真的让我感到沮丧;) –