【问题标题】:Jquery scrollTop behaving oddly with JqueryUI AccordionJquery scrollTop 与 JqueryUI Accordion 的行为异常
【发布时间】:2023-03-25 09:36:01
【问题描述】:

Fiddle Example

在高度受限的 div 内的 Accordion 控件中有一个商店列表,并尝试将活动面板完全滚动到视图中。

$("#stores").accordion({
    heightStyle: "fixed",
    icons: false,
    activate: function (event,ui) {
        $("#stores").scrollTop($(ui.newHeader).position().top-5);
    }
});

这应该将新激活的标题和它的随附面板带到父 div 的顶部,边距为 5px,但它没有......这几天让我发疯了

【问题讨论】:

    标签: jquery jquery-ui accordion scrolltop


    【解决方案1】:

    试试

    $(document).ready(function () {
        $("#stores").accordion({
            heightStyle: "fixed",
            icons: false,
            activate: function (event,ui) {
                var scrollTop = $("#stores").scrollTop();
                var top = $(ui.newHeader).offset().top;
                $("#stores").scrollTop(scrollTop + top -5);
            }
        });
    });
    

    演示:Fiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-01-06
      • 1970-01-01
      • 1970-01-01
      • 2016-07-01
      • 2013-10-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多