是否可以将 ScrollTo 添加到我的手风琴常见问题解答页面?

发布于 2024-09-10 21:05:20 字数 416 浏览 4 评论 0原文

我正在使用这个手风琴脚本来创建一个简单的常见问题解答页面。

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

我尝试添加

http://mix26.com/demo/local_scroll/index.html

ScrollTo 如此打开问题时,它会自动向下滚动到该问题,以获得更好的用户体验。有人可以帮我吗?

I'm using this accordion script for a simple FAQ page.

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

I tried adding

http://mix26.com/demo/local_scroll/index.html

the ScrollTo so when a question is opened, it scrolls down to it automatically for a better user experience. Can someone please help me?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

初懵 2024-09-17 21:05:20

我使用:

function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

并将 goToByScroll 分配给每个 div,效果非常好。

I used:

function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

and assigned goToByScroll to each div, worked like a charm.

逆夏时光 2024-09-17 21:05:20

对不起我的英语!!

嗨,我最近遇到了你的问题。这是我的解决方案:
当然你需要添加 jquery.scrollTo-min.js
如果您看到更改,我将滚动添加到并将其分配给 .open css 类,该类由 Accordeon 分配给打开的项目

        $(function () {
        $('ul.drawers').accordion({
            header: 'H2.drawer-handle',
            selectedClass: 'open',
            event: 'click',
            change: function(event, ui){
                $.scrollTo('.open',800, {duration:500} ); return false;
            },
            autoheight: false
        });             
    });

Sorry about my english!!

Hi i recently had your problem. Here is my solution:
Of course you will need to add jquery.scrollTo-min.js
If you see in change i add the scroll to and assign it to .open css class that it is assigned by accordeon to the item that opens

        $(function () {
        $('ul.drawers').accordion({
            header: 'H2.drawer-handle',
            selectedClass: 'open',
            event: 'click',
            change: function(event, ui){
                $.scrollTo('.open',800, {duration:500} ); return false;
            },
            autoheight: false
        });             
    });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文