1<html> 2<title>Title: 0</title> 3<style> 4 5.large { 6 width: 300px; 7 height: 100px; 8 background-color: red; 9 margin: 300px; 10} 11 12::-webkit-scrollbar { 13 display: none; 14} 15 16</style> 17 18<div name='0' class='large'></div> 19<div name='1' class='large'></div> 20<div name='2' class='large'></div> 21<div name='3' class='large'></div> 22<div name='4' class='large'></div> 23<div name='5' class='large'></div> 24<div name='6' class='large'></div> 25<div name='7' class='large'></div> 26<div name='8' class='large'></div> 27<div name='9' class='large'></div> 28 29<script> 30 31function get_current() { 32 if (location.hash.length == 0) 33 return 0; 34 return parseInt(location.hash.substr(1)); 35} 36 37function navigate_next() { 38 var current = get_current(); 39 current = (current + 1) % 10; 40 location.hash = "#" + current; 41} 42 43function navigate_prev() { 44 var current = get_current(); 45 current = (current + 9) % 10; 46 location.hash = "#" + current; 47} 48 49function touch_start_handler() { 50} 51 52function install_touch_handler() { 53 document.addEventListener('touchstart', touch_start_handler); 54} 55 56function uninstall_touch_handler() { 57 document.removeEventListener('touchstart', touch_start_handler); 58} 59 60function use_replace_state() { 61 window.history.replaceState({}, 'foo'); 62} 63 64function use_push_state() { 65 window.history.pushState({}, 'foo2', 'newpath'); 66} 67 68onload = function() { 69 window.onhashchange = function() { 70 document.title = "Title: " + location.hash; 71 } 72} 73 74</script> 75 76</html> 77