mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
63 lines
1.4 KiB
HTML
63 lines
1.4 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Content</title>
|
|
|
|
<!-- Sets initial viewport load and disables zooming -->
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="stylesheet" href="../../../../dist/css/ionic.css">
|
|
|
|
<script src="../../../../dist/js/ionic.js"></script>
|
|
<style>
|
|
#c {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
font-family: sans-serif;
|
|
cursor: default;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#content{
|
|
background: white;
|
|
|
|
-webkit-transform-origin: left top;
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform-origin: left top;
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform-origin: left top;
|
|
-ms-transform: translateZ(0);
|
|
-o-transform-origin: left top;
|
|
-o-transform: translateZ(0);
|
|
transform-origin: left top;
|
|
transform: translateZ(0);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="c">
|
|
<div style="width: 5000px; height: 200px; background: url('tree_bark.png') repeat"></div>
|
|
</div>
|
|
|
|
<script>
|
|
var container = document.getElementById('c');
|
|
|
|
// Initialize Scroller
|
|
var scroller = new ionic.views.Scroller({
|
|
el: container,
|
|
scrollingX: true,
|
|
scrollingY: false
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|