Question

我正在使用Zurb的Foundation框架来创建响应式网络应用程序。有一件事我被困住了，但我真的希望实现的是当用户点击手风琴标签（例如：Zurb's site）时，我想要打开（和点击）标签以“滚动”到屏幕顶部然后开启，而不是在屏幕上某处点击时，它会从那一点打开。

简单地说：当点击一个折叠式标签页时，页面应滚动，以便点击的元素位于页面顶部（偏移+ 20px）。

谢谢！

Answer 1

我之前从未听说过Zurb，但您需要修改添加/删除active类的函数。看到这里的代码： https://github.com/zurb/foundation/blob/master/js/foundation/foundation.accordion.js

我建议改变第33行：

target.addClass(settings.active_class);

到这个

$('html, body')
    .animate({ scrollTop: target.offset().top }, 2000)
    .promise()
    .done(function() {
        target.addClass(settings.active_class);
    });

但我没有尝试过，所以我不知道它是否真的有用D：

它需要2秒钟（查找2000）才能滚动，完成后，像以前一样添加类

如何在屏幕顶部打开一个点击的手风琴选项卡？

1 个答案: