剑道窗口的滚动条问题答案

【问题标题】：Scrollbar issue with Kendo Window剑道窗口的滚动条问题
【发布时间】：2014-04-28 07:08:36
【问题描述】：

我正在使用剑道窗口。当我没有为剑道窗口指定任何宽度时，浏览器窗口中会出现水平滚动条。代码如下。

 window.kendoWindow({
        actions: [
          "Pin",
          "Minimize",
          "Maximize",
          "Close"
       ],
       position:{
          top:0,
          left:0
       },
       close: onClose,
});

谁能解释一下为什么会这样？提前致谢

【问题讨论】：

你可以为你正在做的事情提供一个小提琴吗？
@bitsbuffer 请参考小提琴here

标签： javascript html kendo-ui

【解决方案1】：

这是控件中的错误。我已经记录了它here。一种可能的解决方法是将此 CSS 添加到页面：

.k-resize-ne,
.k-resize-se,
.k-resize-e {
  right: 0;
}

【讨论】：

【解决方案2】：

我不确定，我想你必须向 Telerik 询问这件事

我的猜测 - 这可能是由于 css 样式。

一种解决方法可以像这样设置宽度：

width:"99.6%"

这使得窗口在浏览器中很好地贴合，没有滚动条。

我已经用宽度编辑了你的jsfiddle

【讨论】：

【解决方案3】：

在论坛 Telerik 建议调用 e.sender.destroy();在停用事件中。见https://www.telerik.com/forums/destroying-a-window-after-maximizing-breaks-page-scrolling?actionMode=replyPost&postId=3ec6ce5e-bbb9-43c4-8ddb-685a469cb90e

这对我不起作用。

我的初步工作：将宽度和高度设置为几乎 100% 并居中窗口。

Telerik 建议在错误修复之前进行一轮工作：https://github.com/telerik/kendo-ui-core/issues/3701) - 这对我有用。

【讨论】：