jquery accordion-滚动到li标题
手风琴是用ul和li而不是DIV制作的。 像大多数有这个问题的人一样,手风琴某些部分的内容相当长,当我触发一个大标题时,用户就会向下滚动查看所有内容;下面是另一个李头点击和手风琴关闭,并打开最后一个标题。由于该部分的内容也很大,用户只能盯着最后一个标题部分的底部,必须再次向上滚动 在研究这个问题时,许多人建议使用animate()函数将焦点放回手风琴的顶部。 我的问题是,因为我使用了开源代码,所以我不愿意对其进行太多的编辑,我已经尝试过了,但迄今为止没有成功 有人能帮忙吗?[这是jquery]jquery accordion-滚动到li标题,jquery,header,html-lists,accordion,scrollto,Jquery,Header,Html Lists,Accordion,Scrollto,手风琴是用ul和li而不是DIV制作的。 像大多数有这个问题的人一样,手风琴某些部分的内容相当长,当我触发一个大标题时,用户就会向下滚动查看所有内容;下面是另一个李头点击和手风琴关闭,并打开最后一个标题。由于该部分的内容也很大,用户只能盯着最后一个标题部分的底部,必须再次向上滚动 在研究这个问题时,许多人建议使用animate()函数将焦点放回手风琴的顶部。 我的问题是,因为我使用了开源代码,所以我不愿意对其进行太多的编辑,我已经尝试过了,但迄今为止没有成功 有人能帮忙吗?[这是jquery]
谢谢:) [编辑] 我意识到您可能需要从我的html中触发手风琴的代码,这里是:
<script type="text/javascript">
$(document).ready(function () {
$('ul').accordion();
});
</script>
$(文档).ready(函数(){
$('ul')。手风琴();
});
经过更多的研究,一些人建议使用scrollTo()因此我也尝试了这个方法:
<script type="text/javascript">
$(document).ready(function () {
$('ul').accordion({
change: function() {
document.scrollTo(0, 0);
}
});
});
</script>
$(文档).ready(函数(){
$('ul')。手风琴({
更改:函数(){
文档。滚动到(0,0);
}
});
});
但这也不起作用。“叹气”。。有人知道我是否走对了道路吗??
谢谢:)我解决了这个问题:
这有点骗人,但我就是这么做的
在我想要单击的每个href链接中添加了一个滚动类class=“scroll”
将此脚本添加到页面(我将我的脚本放在名为#acc的div下)
$(文档).ready(函数($){
$(“.scroll”)。单击(函数(事件){
event.preventDefault();
$('html,body').animate({scrollTop:$(“#acc”).offset().top},500);
});
});
我唯一改变的是#acc。这是我在手风琴ul课程周围的div的名字
这是我得到滚动代码的地方
我希望这能帮助其他寻找这个问题的人。^^
<script type="text/javascript">
$(document).ready(function () {
$('ul').accordion({
change: function() {
document.scrollTo(0, 0);
}
});
});
</script>
<script>$(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$("#acc").offset().top}, 500);
});
});</script>