jquery - 表格滚动条在 chrome 中被锁定

Question

我仅在 google chrome 中遇到表格滚动条的问题。所有其他浏览器中的表格滚动都可以正常工作，但在 chrome 中，当表格滚动条出现时它只是锁定在某个位置，除非我更改浏览器窗口的缩放比例，然后表格滚动条移动，否则无法移动。

我有一个申请here (在 Google Chrome 和其他主要浏览器中打开)

在应用程序中，只需不断单击“添加”按钮，直到您看到一个表格滚动条出现。现在在 chrome 中，如果你尝试滚动表格滚动条，除非你按照我所说的去做，否则它不会这样做。在您打开应用程序的其他浏览器中，表格滚动条工作正常。

有没有其他人遇到过这方面的问题？是我拥有的一段代码导致它无法立即在 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;
}

Answer 1

请不要问为什么它可以工作，但是在您编写 iframe 的源代码时，请在您的 var $fileImage 中放置除“#”之外的其他内容，例如“/”就可以了。至少这个技巧在我的浏览器上有效。

我一整天都在努力解决你的这个问题，当我这样做的时候，一切似乎都很好。所以你的 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>");        

真的有用吗？ :$