0

我有一个特殊的情况,我正在尝试使用词缀。所以在左侧,我有导航,在右侧,我有内容。导航比内容长很多,所以我想在内容上使用词缀,以便始终可见。到目前为止,一切都很好。问题是当我在页面底部并且点击时更改内容。容器有 affix-bottom 类,自然固定在底部。我在内容上得到一个空白空间,或者内容溢出页脚。在卷轴上,它工作正常。我的问题是,是否有可能以某种方式将单击时的词缀重置为与滚动时相同?

$('#div').affix({
                    offset: {
                        top: 150,
                        bottom: function () {
                            return (this.bottom = $('#page-footer').outerHeight(true))
                        }
                    }
            });
$('#div').affix('checkPosition');

我尝试删除类、模拟滚动以及我在网络上可以找到的几乎所有选项。但没有什么真正有效。谢谢!

4

1 回答 1

0

因此,经过几天尝试各种可能性后,我找到了解决方案。$('#div').affix('checkPosition');在内容加载后,我再次调用,而不是在点击时重置词缀。加载内容后,使用'checkposition'调用附加函数,这已经成功了。词缀是新的初始化并且内容被正确定位。

于 2019-11-05T06:36:27.377 回答