0

あるWebページが<div>ありoverflow-y:scroll;、何らかの理由でWebページに垂直スクロールバーが表示されています。ページを下にスクロールすると空白になりますが、divの一番下までスクロールすると、Webページのスクロールバーが消えるため、divの内容を補正しているように見えます。

CSS：

#wrapper {width:1227px; height:400px; overflow-y:scroll;}

HTML：

<div id="wrapper">
<table>
<tr>
<td>
<script>
    // Create the datePicker
    datePickerController.createDatePicker({ 
    // Associate the three text inputs to their date parts                         
    formElements:{\"" . $emp_query['Emp_ID'] . "\":\"%Y-%m-%d\"},
    // Disable the fade effect
    noFadeEffect:true,
    // Show week numbers
    showWeeks:false,
    // Set a statusbar format
    statusFormat:\"%l, %d%S %F %Y\",
    //Highlight Certain days
    highlightDays:[0,0,0,0,0,1,1],
    });
    </script>
</td>
</tr>
<!-- Repeat the above cells many more times -->
</table>
</div>

これを行うつもりかどうかはわかりませんが、その下に空白のページがたくさん残っているだけなので、したくありません。何かできることはありますか？

編集：問題は、テーブル内にある日付ピッカーのjavascriptウィジェットが原因であることがわかりました。コードが更新され、ウィジェットへのリンクは次のようになります：DatePicker。これらすべてを使ってフィドルを作成しようとしましたが、フリーズし続け、スクリプトの実行が停止しました。このようなスクリプトが実行されている場合、これは正常<div>ですか？

編集：明確にするために、私が欲しいのは<div>、表示領域を400pxの高さに制限し、その下の余分な空白を取り除くことです。日付ピッカーウィジェットを削除するとJavascript、すべてが正常に機能しますが、何らかの理由でJavascript、Webページの高さがの非表示のコンテンツに対応する原因になってい<div>ます。

4

4 に答える 4

0

に設定overflow-yするautoと、必要な場合にのみスクロールバーが表示されます。

#wrapper { /* ... */ overflow-y: auto; }
于 2012-12-06T10:10:20.877 に答える
0

オーバーフローを「非表示」に変更しようとしましたか？

于 2012-12-06T09:53:49.057 に答える
0

yスクロールバーを要求したため、垂直スクロールバーがあります。次のように合計してみてください

#wrapper {width:1227px; height:400px; overflow:auto;}

css＆htmlは、オーバーフローを処理するのに十分です。

于 2012-12-06T10:07:53.803 に答える
0

了解しました。問題は解決されました...datepickerの開発者であるBrianMcAllisterによって。日付ピッカーのCSSには、とのクラスセットがあり:linkます:visited。スニペットは次のとおりです。

.date-picker-control:link,.date-picker-control:visited {
display:-moz-inline-stack;
}

表示が次のように変更された場合：

.date-picker-control:link,.date-picker-control:visited {
display:-moz-inline-box;
}

問題はなくなります。ブライアン、ありがとう！

于 2012-12-13T03:03:20.257 に答える