滚动网页时jQuery ui datepicker定位问题

前端之家收集整理的这篇文章主要介绍了滚动网页时jQuery ui datepicker定位问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网页,它使用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 -->
<% } %>

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

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

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

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

任何想法如何解决这个问题?

我在用:

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

解决方法

我也有同样的问题,我正在使用IE9,而是使用document.documentElement.scrollTop我编辑了我的JS代码的后续行
$.datepicker._pos[1] += input.offsetHeight + document.body.scrollTop;

这是因为document.documentElement.scrollTop返回0,对我来说上面的代码解决了我的问题

原文链接:https://www.f2er.com/html/227969.html

猜你在找的HTML相关文章