jQuery ui datepicker-Positionierung problem beim scrollen nach unten Webseite

Ich habe eine Webseite mit mehreren Instanzen von jQuery ui datepicker. Meine Webseite zeigt ~80 Datensätze, die erstreckt sich über einen einzigen screenshot.

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

Habe ich die defaults von meinem datepicker wie folgt:

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

Wenn die Seite das erste mal lädt, wenn ich auf alle datepicker-Symbol, das auf dem Bildschirm sichtbar ist (d.h. ohne scrollen), dann wird der datepicker erscheint als erwartet.

Jedoch, wenn ich nach unten scrollen die Seite, und klicken Sie dann auf ein datepicker-Symbol der datepicker nicht in der Bildschirm-Fenster, sondern gerendert rechts zurück in der Nähe des oberen Rand des Bildschirms.

Irgendwelche Ideen wie man dieses Problem lösen?

Ich bin mit:

  • IE7
  • asp.net mvc
  • jquery.ui.datepicker.js (UI/API/1.8/Datepicker)
InformationsquelleAutor Alex P | 2010-05-14
Schreibe einen Kommentar