いつまで経ってもわからない、WEBってやつは・・・(´・ω・`)

【jQuery】jQuery One Page Scrollやってみた

別ページ(´・ω・`)ツこちらからjQuery One Page Scrollやってみた

ヘッダーにCSS追加

<link href='onepage-scroll.css' rel='stylesheet' type='text/css'>

jsも読み込ませる

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.onepage-scroll.js"></script>

ついでにヘッダにこれもいれとこ。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

大枠jsも追加

<script>
  jQuery(document).ready(function(){
  jQuery("任意のクラスもしくはID").onepage_scroll({
    sectionContainer: "section"
  });
	});
</script>

あとはhtmlに上記指定の「section」で好きなだけページを作る。

以上!簡単~(つω`*)♪(下はサンプル)

<div class="scrollmain">	    
 <section class="page1">
  <h1>(つω`*)</h1>
 </section>	    
 <section class="page2">
  <h1>(`・ω・´)キリッ</h1>
  </section> 
</div>