Question

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

我有一个应用here（在谷歌浏览器和另一个主要浏览器中打开）

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

有没有其他人对这个问题有所了解？这是我的一段代码，它导致它不能立即执行谷歌浏览器中的滚动或只是铬浏览器本身这样做？这是我真的应该担心的事情，或者如果是浏览器故障那么我应该离开吗？

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

如果你在谷歌浏览器中打开jsfiddle：http://jsfiddle.net/2SJFt/embedded/result/的嵌入版本并执行相同的步骤来显示滚动条，那么它确实会立即执行滚动，但我假设是因为从技术上讲，它就是一个jsfiddle，这就是为什么它会立即执行滚动。

表的滚动条由简单的css完成：

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

Answer 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>");

它真的有用吗？：$

表滚动条已锁定在chrome中

1 个答案: