Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery accordion-滚动到li标题_Jquery_Header_Html Lists_Accordion_Scrollto - Fatal编程技术网

jquery accordion-滚动到li标题

jquery accordion-滚动到li标题,jquery,header,html-lists,accordion,scrollto,Jquery,Header,Html Lists,Accordion,Scrollto,手风琴是用ul和li而不是DIV制作的。 像大多数有这个问题的人一样,手风琴某些部分的内容相当长,当我触发一个大标题时,用户就会向下滚动查看所有内容;下面是另一个李头点击和手风琴关闭,并打开最后一个标题。由于该部分的内容也很大,用户只能盯着最后一个标题部分的底部,必须再次向上滚动 在研究这个问题时,许多人建议使用animate()函数将焦点放回手风琴的顶部。 我的问题是,因为我使用了开源代码,所以我不愿意对其进行太多的编辑,我已经尝试过了,但迄今为止没有成功 有人能帮忙吗?[这是jquery]

手风琴是用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>