테이블 스크롤 막대가 크롬으로 잠김

Question

Google 크롬에서만 테이블 스크롤 막대에 문제가 있습니다. 다른 모든 borwsers의 테이블 스크롤은 정상적으로 작동하지만 테이블 스크롤 막대가 나타나면 Chrome에서 위치가 고정되고 브라우저 창 줌을 변경하지 않으면 이동할 수 없습니다. 그런 다음 테이블 스크롤 막대가 움직입니다.

난 당신이 테이블 스크롤 표시가 나타날 때까지 그냥 "추가"버튼을 클릭하면 계속 응용 프로그램에서 (구글 크롬에서 열기와 하나의 다른 주요 브라우저) 응용 프로그램 here

있습니다. 이제 크롬에서 테이블 스크롤 막대를 스크롤하려고하면 내가 진술 한 것을하지 않으면 테이블 스크롤바가 작동하지 않습니다. n 다른 브라우저에서 앱을 연 경우 테이블 스크롤 막대가 올바르게 작동합니다.

다른 누구에게이 문제가 발생 했습니까? 크롬 코드에서 실제로 스크롤을 수행하지 못하게하는 코드 조각입니까 아니면이 작업을 수행하는 크롬 브라우저일까요? 이게 내가 정말로 걱정해야만하는 것이거나 브라우저 결함이라면 그냥 두어야합니까?

응용 프로그램에 대한 코드는 다음과 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

당신이 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>");   

실제로 작동합니까? : $