当前位置：文江博客话题详情

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

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

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

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

我尝试添加

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

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

原文

分享到QQ

分享到微博

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

发布评论

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

初懵 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.

回复收藏 0 原文

逆夏时光 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
        });             
    });

回复收藏 0 原文

~没有更多了~