在Chrome浏览器中,表格滚动条被锁定了。

4
我在Google Chrome浏览器中遇到了一个表格滚动条的问题。在所有其他浏览器中,表格滚动正常工作,但在Chrome中,当表格滚动条出现时,它就会锁定在原位,除非我改变浏览器窗口的缩放比例,然后表格滚动条才会移动。
我有一个应用程序here (在Google Chrome和另一个主要浏览器中打开)
在应用程序中,只需不断点击“添加”按钮,直到出现表格滚动条。现在,在Chrome中,如果您尝试滚动表格滚动条,它将无法执行,除非您按照我所述进行操作。而在您打开应用程序的另一个浏览器中,表格滚动条正常工作。
还有其他人遇到这个问题吗?是我的某段代码导致它无法立即在Google Chrome中执行滚动,还是Chrome浏览器本身在做这件事?这是我真正需要担心的事情吗?如果是浏览器的问题,那么我应该只是让它保持原样吗?

这个应用程序的代码在这个jsfiddle中:http://jsfiddle.net/2SJFt/

如果你在Google Chrome中打开嵌入式版本的jsfiddle:http://jsfiddle.net/2SJFt/embedded/result/ 并执行相同的步骤来使滚动条出现,那么它会立即执行滚动,但我假设这是因为它在技术上是在jsfiddle中,所以才会立即执行滚动。

表格的滚动条是通过简单的CSS完成的:

#qandatbl_onthefly_container
{
    width:100%;
    overflow:scroll;
    max-height:500px;
}
1个回答

1
请不要问为什么这样做可能有效,但在您编写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>");        

它真的有效吗?:$


这真的很奇怪,为什么一个 # 和一个 / 会有所不同,但它确实有效,非常感谢。点个赞并标记为最佳答案。 - user1914374
不幸的是,这个修复方法对我的问题没有起作用(尽管似乎我的 iframe 是罪魁祸首)。这是一个讨厌的 Chrome bug。 - Hanna

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接