Zuerst Sie nicht overflow:hidden
verwenden sollten, wo Sie
tat
Sie müssen overflow-x: scroll;
verwenden 10
Im Grunde verstecken Sie die vertikale Bildlaufleiste und machen die Breite des Div größer als die Seite. Und verwenden Sie nicht canvas
entweder. Verwenden Sie einfach einen verschachtelten div
.
Darüber hinaus wird overflow-x:scroll
wirklich nicht benötigt, da es standardmäßig angezeigt wird.
tun:
HTML
<html>
<body>
<div id="container">
<div id="inner">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
</div>
</body>
</html>
CSS
#container {
width: 100%;
height: 100%;
background: #fff;
}
#inner {
width: 2000px;
height: 300px;
margin: 0;
padding: 10px;
overflow-x: scroll;
overflow-y: hidden;
background: #ccc;
}
Hier ist es in jsfiddle arbeiten: http://jsfiddle.net/mDr9r/
Was funktioniert nicht mit Ihrem Ansatz? –
@ KonstantinD-Infragistics, gut, wenn ich wische, ich weiß nicht, wie Sie die Leinwand bewegen .. Auch ich muss scrollen, ohne die horizontale Bildlaufleiste zu zeigen "Div1" – benjamin54
Wenn Sie scrollen ändern Sie die Marge-links entsprechend. –