javascript - 我需要帮助让我的幻灯片到顶部 Accordion 停止在我的固定顶部标题下方

标签 javascript css accordion

我认为这是一个 css 问题,但它可能是 js 的问题。当我的 Accordion 链接被点击时,它们应该打开并滑到页面顶部 - 它们确实如此。但是,我有一个固定的顶部标题,它们在后面滑动。我需要它停在页面下方约 60 像素处,以便它可见。

http://imip.rvadv.com/index3.html

http://jsfiddle.net/imakeitpretty/ruwjn/

最佳答案

jquery.accordion.js 的第 102 行,为 accordian 中的每个元素设置了一个偏移值。您可以简单地为每个数字的值减去一个静态数字(您建议使用 60 像素),以更改文档滚动的距离。为了优雅地做到这一点,我会将它作为另一个选项传递,然后您可以通过执行类似这样的操作从脚本中访问它(假设您将选项命名为 scrollOffset:

_saveDimValues    : function() {
    scrollOffset = this.options.scrollOffset;
    this.$items.each( function() {

      var $item   = $(this);

      $item.data({
        originalHeight  : $item.find('a:first').height(),
        offsetTop   : $item.offset().top - scrollOffset
      });

    });

},

http://jsfiddle.net/ruwjn/7/

关于javascript - 我需要帮助让我的幻灯片到顶部 Accordion 停止在我的固定顶部标题下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11444126/

相关文章:

javascript - 按 Enter 键并有多个提交按钮

javascript - Heroku 上的 Rails 应用程序加载 Javascript,但 JS 函数未运行

javascript - 如何在原生 Element Angular 中设置嵌套的 firstElementChild 的样式

Javascript正则表达式,替换除数字之外的所有字符

javascript - Bootstrap 下拉菜单不起作用

javascript - 无法使用 jquery 将事件类添加到当前选定的菜单

javascript - 如何为 "nested" Accordion 添加事件状态

html - 如何根据分辨率更改宽度和高度

javascript - 链接到 anchor 并打开 Accordion

Jquery Accordion - 使用 anchor 从外部和内部链接打开特定面板