1

私は Webkit の HTML ページに取り組んでおり、ビューポート (2048 x 1536px) よりも幅の広い画像を持っています。画像の右半分を開始点としてビューポートに表示し、左にスクロールして残りの画像を表示できるようにしたいと思います。

CSS でいくつかのこと (float、負のマージン オフセット) を試してみましたが、うまくいきませんでした。

<!DOCTYPE html>
<html laneg="en">
<head>
<title>Viewport example</title>
    <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.44, maximum-scale=1.0, target-densitydpi=device-dpi"/> 
</head>
<body>
<img src="image25.jpg" width="4800" height="2400" />
</body>
</html>

視覚的表現: http://i44.tinypic.com/351j1pw.jpg

4

5 に答える 5

0

CSS 方向を使用して、レンダリングを左から右から右から左に変更できます。

CSS 方向プロパティ

これは、これを示す jsFiddle です。さらに、画像をアウターでラップすることにより、

<div>

overflow:hidden を使用すると、画面に表示されるものを制限できます。

http://jsfiddle.net/vzZgc/

于 2013-04-30T12:51:06.793 に答える
0

ブラウザを強制的にスクロールさせたい場合があります。水平方向に 4800px スクロールして、すべてのデバイスで右側に表示されるようにします。または、数値を指定する代わりに、画像の幅を使用してください。

<script type="text/javascript">
    window.scrollTo(4800,0);
</script>
于 2013-04-30T12:30:36.850 に答える
0

window.scroll(/* IMAGE WIDTH*/, 0)JavaScript ブロックで使用できます。

例えばwindow.scroll(4800, 0)

参照: http://jsfiddle.net/bneqh/

于 2013-04-30T12:29:03.903 に答える
0

デフォルトでは、左から右の世界 (アラビア語ではない) では、すべての Web ページが左側から始まり、右にスクロールできます。

あなたが求めているのは、左から始まる通常の Web ページと、さらに左にスクロールできるスクロールバーがあることです。

これに対する 1 つの解決策 ( JS なし) は、CSS によって画像を背景画像として設定し、右に配置します。ページが大きくなると (ビューポート)、ビューポートが大きくなるにつれて、画像から左側に多くの画像が表示されます。

それ以外の場合は、JavaScript を使用する必要があります

于 2013-04-30T12:29:35.743 に答える