滚动后 CalendarExtender 定位错误答案

【问题标题】：CalendarExtender wrongly positioned after scrolling滚动后 CalendarExtender 定位错误
【发布时间】：2010-10-31 19:23:58
【问题描述】：

我正在使用默认样式将 CalendarExtender 添加到页面。当我单击日历按钮触发日历弹出时，日历正常显示。但是，当我向下滚动并再次单击该按钮时，日历的位置不在应有的位置，如下所示。

为什么会发生这种情况，我该如何解决？

编辑：关于这个页面的实现。

CalendarExtender 和 TextBox 是添加到 SharePoint 2007 页面的 WebPart 的一部分。我正在像这样创建扩展器：

textBox = new TextBox() { ID = "textBox" };
Controls.Add(textBox);

calendar = new CalendarExtender()
    {
        ID = "ceStartDate",
        TargetControlID = textBox.ID,
        PopupPosition = CalendarPosition.Right,
        PopupButtonID = image.ID
    };
Controls.Add(calendar);

【问题讨论】：

标签： asp.net asp.net-ajax calendarextender

【解决方案1】：

我今天遇到了同样的问题。

用position:relative;将你的文本框和calendarExtender包装在一个div中

这解决了我面临的问题，我希望它也对你有用

【讨论】：

+1：这对我有用。我有正确的 DOCTYPE，但我仍然想知道可能是什么问题。希望其他人会探索您的答案是接受的答案对他们不起作用。对我来说，这个解决方案适用于多种浏览器：Chrome、Mozilla、Opera、IE（8 和 9）。
我已经有了一个文档类型。类似的样式对我有用。这是参考：languagelassi.blogspot.in/2012/08/blog-post.html
@Dogoku Fine... 在我们的项目中，我们使用的是 JavaScript 日历，它仍然显示在底部位置。请提及是否有任何解决方法来解决它。
@techdo 你是什么意思？你能提出一个新问题或给我一个例子、链接之类的吗？
也许这只是发生在我身上，但是当我按照你说的将它包装在一个相对的div中时，日历定位是正确的，但是日历的下半部分被切断了。我将文本框和扩展器包裹在内的 div 中。这和它有关系吗？

【解决方案2】：

页面的DOCTYPE 是什么？另外，它是什么浏览器？我在 Quirks 模式下使用 IE6-7 的无效/旧 DOCTYPE 的页面上看到了这个问题。

在 quirks 模式下，javascript 值（如滚动位置）可能会关闭，从而导致渲染效果不佳。你应该确保你有一个有效的 DOCTYPE 强制 IE 进入标准模式，比如..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

【讨论】：

该页面没有 DOCTYPE。我从上面添加了 DOCTYPE，这解决了这个问题。谢谢！

【解决方案3】：

由于这是一篇旧帖子，我发现我试图为自己解决这种情况（按照以前的答案失败），我认为我对同一问题的解决方案可能与其他人有关。

我们使用过时的版本：3.0.xxx
我们必须升级到最新版本：4.1.xxx

以上版本是 AjaxControlToolkit dll 版本 - 不是您在 NuGet 上看到的版本，今天 NuGet 包（“Ajax Control Toolkit”）将类似于 7.xxx。

仅供参考 - 我的研究：我一直在使用最新 AjaxControlToolkit 版本的示例来验证如果我升级了我的错误是否得到解决（因为我确切地知道如何重现我的位置问题）。以下两个站点中的至少一个应该可以工作：

http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/（官方 - 较慢）
http://www.ajaxcontroltoolkit.com/（独立 - 更快）

【讨论】：