Difference between revisions of "Team:CCU Taiwan"
| Line 4: | Line 4: | ||
<head> | <head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| + | <meta charset="utf-8"> | ||
| + | <title>jQuery One Page Scroll by Pete R. | The Pete Design</title> | ||
| + | <meta name="title" content="jQuery One Page Scroll by Pete R. | The Pete Design" /> | ||
| + | <meta name="description" content="Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin" /> | ||
| + | <link rel="image_src" href="/images/notify_better_image.png" /> | ||
| + | |||
| + | <meta content="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" property="og:url" /> | ||
| + | <meta content="http://www.thepetedesign.com/images/onepage_scroll_image.png" property="og:image" /> | ||
| + | <link rel="shortcut icon" id="favicon" href="favicon.png"> | ||
| + | <meta name="author" content="Pete R."> | ||
| + | <link rel="canonical" href="http://www.thepetedesign.com/demos/onepage_scroll_demo.html" /> | ||
| + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'> | ||
| + | <link href='http://fonts.googleapis.com/css?family=Pacifico:400' rel='stylesheet' type='text/css'> | ||
| + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> | ||
| + | |||
| + | |||
<script src="https://code.jquery.com/jquery-3.3.1.js"></script> | <script src="https://code.jquery.com/jquery-3.3.1.js"></script> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/ops.js"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/ops.js"></script> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/ops1.9.1.js"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/ops1.9.1.js"></script> | ||
| − | |||
<script> | <script> | ||
Revision as of 08:00, 27 July 2018
One Page Scroll
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin
Created by Pete R., Founder of BucketListly
Ready-to-use plugin
All you need is an HTML markup, call the script and BAM!
<div class="main">
<section>...</section>
<section>...</section>
...
</div>
$(".main").onepage_scroll();
Pretty Neat Eh?
You can customise the animation timing, the selector or even the animation easing using CSS3. I can't wait to see what you guys will come up with. Don't forget to grab them for free on Github'
