Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 表格滚动条被锁定在chrome中_Jquery_Html_Css_Google Chrome - Fatal编程技术网

Jquery 表格滚动条被锁定在chrome中

Jquery 表格滚动条被锁定在chrome中,jquery,html,css,google-chrome,Jquery,Html,Css,Google Chrome,我有一个问题,只有谷歌浏览器的表格滚动条。所有其他Borwser中的表格滚动都可以正常工作,但在chrome中,当表格滚动条出现时,它只是锁定在位置上,不能移动,除非我改变浏览器窗口的缩放,然后表格滚动条移动 我有一个应用程序(在谷歌浏览器和其他主要浏览器中打开) 在应用程序中,只需继续单击“添加”按钮,直到您看到一个表格滚动条出现。现在在chrome中,如果你尝试滚动表格滚动条,除非你按照我说的做,否则它不会这样做。当您在另一个浏览器中打开应用程序时,表格滚动条工作正常 还有其他人遇到过这个问

我有一个问题,只有谷歌浏览器的表格滚动条。所有其他Borwser中的表格滚动都可以正常工作,但在chrome中,当表格滚动条出现时,它只是锁定在位置上,不能移动,除非我改变浏览器窗口的缩放,然后表格滚动条移动

我有一个应用程序(在谷歌浏览器和其他主要浏览器中打开)

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

还有其他人遇到过这个问题吗?是我的一段代码导致它不能直接在google chrome中执行滚动,还是仅仅是chrome浏览器本身在执行滚动?这是我真的应该担心的吗?或者如果这是浏览器的故障,那么我应该离开它吗

该应用程序的代码位于以下JSFIDLE中:

如果您在google chrome中打开嵌入式版本的jsfiddle:并执行相同的步骤以显示滚动条,那么它确实会立即执行滚动,但我假设,因为它在技术上是在jsfiddle中,所以它会立即执行滚动

表格的滚动条由简单的css完成:

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

请不要问为什么它可能会起作用,但在您编写
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>");        
var$fileImage=$(“”+
“

加载…

”+ “图像文件:

”+ "" + "" + "" + “

”+ "" + “

”+ "");

真的有用吗$

这真的很奇怪,为什么a和a/会有不同,但它是有效的,非常感谢。upvote和best Answer不幸的是,这个修复对我的问题不起作用(尽管我的iframe似乎是罪魁祸首。)这是一个令人讨厌的Chrome bug。