2011-11-01 4 views
0

scrollTop() 함수를 사용하여 div를 (세로로) 스크롤하는 웹 사이트가 있습니다. 그것은 Motorolla Xoom, Android 버전 3.1의 Google Chrome 브라우저 (기본값)에서 작동하지 않지만 Firefox 및 기타 모든 Android 기기에서 작동합니다. 내가 사용한 HTML과 스크립트는 다음과 같습니다.jquery scrollTop()이 Motoraola Xoom에서 작동하지 않습니다.

<html> 
<head> 
<script type="text/javascript" src="jquery-1.6.4.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 

setTimeout("heighlit()",1250); 

}); 

function heighlit(){ 
var fusenTime=Math.random()*100; 
var fusenTime=Math.floor(fusenTime); 
var pos_list = Math.floor($('#scrolldiv').position().top); 
var ele = $('#scrolldiv p:eq('+fusenTime+')') 
var pos_fusen_now = Math.floor(ele.position().top) + $('#scrolldiv').scrollTop(); 
var pos_scroll = pos_fusen_now - pos_list; 
ele.css('background', '#CCCCCC'); 
try{ 
$('#scrolldiv').animate({scrollTop:pos_scroll}, 'slow','',function(){ 
}); 

}catch(e){ 
} 
setTimeout("heighlit()",1250); 
} 
</script> 
</head> 
<body> 
<div style="height:100px; overflow-y: scroll; width:200px;" id="scrolldiv"> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
< p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
<p>svgasdvsdbvgavg<p> 
</div> 

</body> 
</html> 

오류 메시지가 표시되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

덕분에, Riyas

+0

누구나 해결책이 있습니까? –

답변