javascript – 当窗口有滚动条时,jquery对话框覆盖滚动条

2023年11月18日 238次阅读

我正在使用
jquery对话框来显示一个对话框.我可以把它放在我想要它的左下角.麻烦的是,如果主窗口有滚动条,则对话框会滚动到滚动条的左下角,从而覆盖滚动条.可以预期窗口的左下角意味着滚动条的右下方而不是滚动条的左下角.

我尝试过jquery对话框指定position object选项但没有成功.我已经尝试了四个值fit,flip,flipfit以及位置对象中没有任何碰撞选项.但他们似乎都没有做到这一点.

我知道有一种hacky方法来计算滚动条的宽度并将对话框移动那么多,我已经在很多地方使用过这个hack.但我希望有一种API方式来做到这一点.

有人知道吗？

实际行为

预期的行为

最佳答案 以下示例适用于我(
code,
fullscreen)：

$("#dialog").dialog({
    position: {
        my: "right bottom",
        at: "right bottom",
        of: window
    }
});

请注意,代码包含在$(function(){})构造中,这意味着在加载DOM并且浏览器计算是否需要滚动条之后创建对话框.也许你过早地调用对话框.

点赞