我有一个网页,它使用jQuery ui datepicker的多个实例.我的网页将显示约80条记录,这些记录超出了单个屏幕截图.

<% foreach (var record in Model) { %>
    <div class="recordname"><%=record.name%></div>
    <%=Html.TextBox("DateTimePicker",null,new { @class = "date-pick" } )%>
    // <-- additional html here -->
<% } %>

@H_403_4@我已经设置了我的datepicker的默认值,如下所示：

$(".date-pick").each(function() {
    $(this).datepicker({
        dateFormat: 'dd M yy',showOn: 'button',buttonImage: '/Images/datepickericon.png',buttonImageOnly: true
        });
    });

@H_403_4@当页面首次加载时,如果我单击屏幕上可见的任何日期选择器图标(即不滚动),则日期选择器将按预期显示.

@H_403_4@但是,如果我向下滚动页面然后单击一个日期选择器图标,则日期选择器不会出现在屏幕窗口中,而是在屏幕顶部附近向右渲染.

@H_403_4@任何想法如何解决这个问题？

@H_403_4@我在用：

@H_403_4@> IE7
> asp.net mvc
> jquery.ui.datepicker.js(UI / API / 1.8 / Datepicker)

$.datepicker._pos[1] += input.offsetHeight + document.body.scrollTop;