3

以下を表示するWebビューを備えた非常にシンプルな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>
​

ここでフィドル。

私がやっていることは、単純なスクロール可能な領域を作成することですが、コンテンツをある程度オフセットしたいと思います。Chromeではうまく機能しますが、AndroidWebViewではまったく機能しないようです。beforeとafterの値を印刷したmain.scrollLeftところ、変更されたものとしてlogcatに表示されましたが、変更されたものとして表示されるものはありません。何が起こっているのかについて何かアイデアはありますか？私はこれをジンジャーブレッドとICSでテストしました。

4

1 に答える 1

0

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)');
于 2012-09-01T19:07:35.163 に答える