为 stick_in_parent 设置新的 offset_top

Question

我使用了sticky-kit 框架Jquery 到fix the sidebar。而且我成功了，就像that

并且此站点已将此代码放入其 js 部分。 offset_top: 10

此高度在向下滚动和向上滚动模式下均保持不变。它工作正常

I want to change this to 10 pixels if you scroll up. And if you scroll down, have a distance of 0 pixels

所以我写了下面的代码，但是它不起作用:

            if (scroll_to_top) {
                    $("#aside").stick_in_parent({
                        offset_top: 10
                    });
            }
            if (scroll_to_down) {
                    $("#aside").stick_in_parent({
                        offset_top: 0
                    });
            }

我该怎么办？

Answer 1

试试这个：

        if (scroll_to_top) {
                $("#aside").css({
                    "top": "10px"
                });

        }
        if (scroll_to_down) {
                $("#aside").css({
                    "top": "0px"
                });
        }

Answer 2

为了设置新的 offset_top，您应该通过触发 'sticky_kit:detach' 事件移除粘性工具包并恢复元素：

if (scroll_to_top) {
  $("#aside").trigger('sticky_kit:detach');
  $("#aside").stick_in_parent({
    offset_top: 10
  });
}
if (scroll_to_down) {
  $("#aside").trigger('sticky_kit:detach');
  $("#aside").stick_in_parent({
    offset_top: 0
  });
}

为 stick_in_parent 设置新的 offset_top

set new offset_top for stick_in_parent

jquery

sticky