scrollLeft不適用於Android中的溢出div嗎？

Question

我建立一個非常簡單的Android應用程序與顯示以下網頁視圖：

<style> 
div { 
    overflow-x:scroll; 
    overflow-y:hidden; 
    white-space:nowrap; 
}​ 
</style> 
<div id="main"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
    <img src="https://www.google.com/images/srpr/logo3w.png"> 
</div>​ 
<script> 
window.setTimeout(function() { 
    var main = document.getElementById('main'); 
    main.scrollLeft = 300; 
}, 5000); 
</script> 
​ 

小提琴here。

我在做什麼是創建一個簡單的可滾動區域，但是我想偏移一定量的內容。它在Chrome中效果很好，但在Android Web視圖中似乎沒有任何作用。我甚至在前後打印了main.scrollLeft的值，它在logcat中顯示爲已被修改，但在顯示中沒有任何內容顯示爲已更改。關於發生什麼事的任何想法？我已經在Gingerbread和ICS上測試過了。

Answer 1

CSS

#main { 
    position: relative; 
    left: 0px; 
    -webkit-transition: -webkit-transform 0s linear; 
    -webkit-transform: translateZ(0); 
} 

的Javascript

// Offset is negative to scroll left, positive to scroll right... 
$('#main').css('webkitTransform', 'translateX(' + offset + 'px) translateZ(0)');