Skip to content

Instantly share code, notes, and snippets.

/index.html

Created June 2, 2015 19:07
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/8b579dc51c5144d0b370 to your computer and use it in GitHub Desktop.
Save anonymous/8b579dc51c5144d0b370 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="http://www.idangero.us/framework7/dist/css/framework7.css">
<link rel="stylesheet" href="http://www.idangero.us/framework7/dist/css/framework7.themes.css">
</head>
<body>
<div class="views">
<div class="view view-main">
<div class="pages">
<div class="page" data-page="social">
<div class="page-content">
<h1>This is Social</h1>
<p>Navigate up to profile 4 and then click on back to social.</p>
<a class="link" href="#profile1">@Profile1</a>
</div>
</div>
<div class="page cached" data-page="profile1">
<div class="page-content">
<h1>Profile1</h1>
<p>Navigate up to profile 4 and then click on back to social.</p>
<a class="link" href="#profile2">@Profile2</a>
</div>
</div>
<div class="page cached" data-page="profile2">
<div class="page-content">
<h1>Profile2</h1>
<p>Navigate up to profile 4 and then click on back to social.</p>
<a class="link" href="#profile3">@Profile3</a>
</div>
</div>
<div class="page cached" data-page="profile3">
<div class="page-content">
<h1>Profile3</h1>
<p>Navigate up to profile 4 and then click on back to social.</p>
<a class="link" href="#profile4">@Profile4</a>
</div>
</div>
<div class="page cached" data-page="profile4">
<div class="page-content">
<h1>Profile4</h1>
<button class='back-to-social'>Back to Social</button>
</div>
</div>
</div>
</div>
</div>
<script src="http://www.idangero.us/framework7/dist/js/framework7.js"></script>
<script>
var app = new Framework7({
pushState: true
});
var mv = app.addView('.view-main', {
domCache: true
});
Dom7('.back-to-social').on('click', function () {
mv.router.back({ url: '#social', force: true });
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment