4

Google Chrome のみのテーブル スクロール バーに問題があります。他のすべてのブラウザのテーブル スクロールは正常に動作しますが、Chrome ではテーブル スクロール バーが表示されると位置が固定され、ブラウザ ウィンドウのズームを変更しない限り移動できず、テーブル スクロール バーが移動します。

ここにアプリケーションがあります(Google Chrome と他の 1 つの主要なブラウザで開きます)

アプリケーションでは、テーブル スクロールが表示されるまで [追加] ボタンをクリックし続けます。クロムでテーブルのスクロールバーをスクロールしようとすると、私が述べたことを行わない限りスクロールしません。アプリを開いた他のブラウザでは、テーブルのスクロール バーは正常に機能します。

他の誰かがこれで問題に遭遇しましたか? それは私が持っているコードの一部であり、Google Chromeで実際にスクロールをすぐに実行しないのですか、それともChromeブラウザ自体がこれを行っているだけですか? これは私が本当に心配すべきことですか、それともブラウザの障害である場合はそのままにしておくべきですか?

アプリケーションのコードは、この jsfiddle にあります: http://jsfiddle.net/2SJFt/

埋め込みバージョンの jsfiddle: http://jsfiddle.net/2SJFt/embedded/result/を google chrome で開き、同じ手順を実行してスクロール バーを表示すると、すぐにスクロールが実行されます。しかし、技術的にはjsfiddleにあるため、すぐにスクロールを実行していると思います。

テーブルのスクロール バーは、単純な css によって行われます。

#qandatbl_onthefly_container
{
    width:100%;
    overflow:scroll;
    max-height:500px;
}
4

1 に答える 1

1

なぜそれが機能するのかを尋ねないでください。しかし、あなたvar $fileImageが のソースを書いているときはiframe、"#" 以外のものを入れてください。たとえば、"/" で十分です。少なくとも、このトリックは私のブラウザーでは機能しました。

私はあなたのこの問題を一日中解決しようとしています。だからあなたvar $fileImageはこのように見えるはずです。

var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target_image' onsubmit='return imageClickHandler(this);' class='imageuploadform' >" + 
"<p class='imagemsg'></p><p class='imagef1_upload_process' align='center'>Loading...<br/><img src='Images/loader.gif' /></p><p class='imagef1_upload_form' align='center'><label>" + 
"Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><br/><label class='imagelbl'>" + 
"<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>" + 
"<label><input type='button' name='imageClear' class='imageClear' value='Clear File'/></label>" +
"<input type='hidden' class='numimage' name='numimage' value='" + GetFormImageCount() + "' />" +
"</p><p class='imagef1_cancel' align='center'><label>" +
"<input type='reset' name='imageCancel' class='imageCancel' value='Cancel' /></label>" +
"</p><p class='listImage' align='left'></p>" +
"<iframe class='upload_target_image' name='upload_target_image' src='/' style='width:0px;height:0px;border:0px;solid;#fff;'></iframe></form>");

それは本当に機能しますか？:$

于 2012-12-31T10:37:04.237 に答える