<div id="contentContainer">
　<div id="columnContainer">
　<div id="column1" class="column">
　<div class="column_mainContent">
　<p class="number">1</p>
　</div>
</div>
…省略…
<div id="column6" class="column">
　<div class="column_mainContent">
　　<p class="number">6</p>
　</div>
</div>
</div>
<!--/ columnContainer -->
<div id="subContainer">
<nav id="mainNavigation">
<ul>
　<li><a href="#column1">CONTENT 1</a></li>
　<li><a href="#column2">CONTENT 2</a></li>
　<li class="notNarrow"><a href="#column3">CONTENT 3</a></li>
　<li><a href="#column4">CONTENT 4</a></li>
　<li class="notNarrow"><a href="#column5">CONTENT 5</a></li>
</ul>
</nav>
<!--/ mainNavigation -->
</div>
<!--/ subContainer -->
</div>
<!--/ contentContainer -->
…省略…
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script src="js/script.js"></script>

_$w.on('load', function(){
…省略…
　　fitWindowScale(_$t); // 各カラムのサイズをスクリーンサイズに合わせる処理を実行
　　setTargetPostion(_$t); // 各カラムの現在の位置を取得する処理を実行
　　});
　　_$w.on('resize orientationchange', function(){
　　　setTimeout( function() {
　　　fitWindowScale(_$t);
　　　setTargetPostion(_$t);
　　　adjustScrollPosition(-10);
　　　}, 200);
　　　});
…省略…
// 要素をウィンドウワイズにあわせる
　　function fitWindowScale(_$t){
　　　var _win = getWindowInfo();
　　　_$cn = $(prop.columnContainer),
　　　_pos = { x: 0, y: 0};
　　　_$t.each(function(){
　　　　// 各カラムの縦幅、横幅をスクリーン（ブラウザ表示領域）サイズにあわせ、カラムコンテナ内で横に順番に並ぶようにCSSを調整
　　　　$(this).css({
　　　　left: _pos.x,
　　　　width: prop.fitWindowWidthScale ? _win.w : $(this).width(),
　　　　height: _win.h
　　　　});
　　　　_pos.x += $(this).width(); // 次の横並び位置をカラム幅分右にずらす
　　　　_pos.y += $(this).height(); // 仮想コンテナの総縦幅を決めるため、各カラム縦幅を加算していく
　　　});
　　　_$cn.width(_pos.x); // カラムコンテナの横幅を設定
　　　getVurtualContainerInfo(_pos.y); // 仮想コンテナの縦幅をbody要素の縦幅に設定
　　}
　　function setTargetPostion(_$t){
　　　prop.dataPossessor = [];
　　　_$t.each(function(){
　　　　prop.dataPossessor.push(parseInt($(this).css('left'),10));
　　　});
　　　changeCurrent();

      _$w.on('resize scroll', function(e){
        preventDefault(e);
        setTargetPostion(_$t);
        if($('body').is(':animated')) {
          return;
        }
        adjustScrollPosition();
      });
      // スワイプイベント
      _$w.on('touchmove',function(e){
          preventDefault(e);
      });
　     _$w.swipe({
        swipeLeft:function(ev, dir, dist, dur, fin) {
          adjustScrollPosition(dist, dist);
        },
        swipeRight:function(ev, dir, dist, dur, fin) {
          adjustScrollPosition(-dist, dist);
        }
      });
      // マウスホイールイベント
      _$w.on('mousewheel', function(e) {
          preventDefault(e);
          var _dur = e.deltaY;
          _dur = _dur > 50 ? 50 : _dur < - 50 ? -50 : _dur;
          switch(prop.mode.wheel){
            case 0:
              _dur = 0;
              break;
            case 1:
              _dur *= -150;
              break;
            case 2:
              _dur *= 2;
              break;
            default:
          }
          adjustScrollPosition(_dur, Math.abs(_dur) * 2);
      });
…省略…
    function adjustScrollPosition(_diff, _dur, _ease){
        var _cn = getColumnContainerInfo(), // カラムコンテナの情報取得
        _win = getWindowInfo(), // ウィンドウ情報取得
        _vc = getVurtualContainerInfo(), // 仮想コンテナコンテナの情報取得
        _destX = _cn.left, // カラムコンテナの横位置の算出結果を格納
        _destY = 0;　// カラムコンテナの縦位置の算出結果を格納
        if(prop.mode.scroll == 0) { // スクロールモードが0の場合は、縦位置を横位置変換する
          if(_diff == undefined) {
            _destY = _vc.top;
          } else {
            _diff *= _vc.ratio; 
            _destY = _vc.top  + _diff;
          }
          _destY = _destY <= 0 ? 0 : _destY >= _vc.maxpos ? _vc.maxpos : _destY;
          _destX = -_destY / _vc.ratio;
        } else {
          _destX -= _diff;
        }
        _destX = _destX >= 0 ? 0 : _destX <= -_cn.maxpos ? -_cn.maxpos : _destX;
        var _option = {  // アニメーションオプション
          duration: _dur ? _dur : prop.mode.scroll != 0 ? 500 : 0,
          easing: _ease || prop.transitionEasingDefault,
          queue: false,
          complete: function(){
            setTargetPostion($(prop.columnContainerItem));
          }
        };
        _vc.obj.stop(true, true).animate({
          scrollLeft: _destX,
          scrollTop: prop.mode.scroll == 0 ? _destY : 0,
        }, _option);
        _cn.obj.stop(true, true).animate({
          left: _destX,
          top: prop.mode.scroll == 0 ? _destY : 0
        }, _option);
    }

      // ナビゲーションのクリックイベント
      $(prop.mainNavigation).find('a').on('click', function(e){
        preventDefault(e);
        // リンクの飛び先のキャッシュ
        var _href = $(this).attr('href'),
        _diff = 0;
        // リンク先へアニメーション遷移させる
        if(_href && $(_href).length > 0) {
          _diff = getColumnContainerInfo().left + parseInt($(_href).css('left'), 10);
          // スクロール位置を各カラムの仮想コンテナ内の縦位置に移動させる。縦のスクロール移動は別途設定したスクロールイベントによって、横のスクロールに変換される
          adjustScrollPosition(_diff, prop.transitionSpeed, prop.transitionEasingJump);
        }
      });
…省略…
      function changeCurrent(){
      var _win = getWindowInfo(),
      _cn = getColumnContainerInfo(),
      _pos = -_cn.left - _win.w / 2, // 現在の横スクロール位置から、各カラム領域の半分位をマイナスした地点を基準に、メニューの現在地を判定する
      _dp = prop.dataPossessor,
      _$nav = $(prop.mainNavigation).find('li'),
      _cur = replaceString(prop.currentSelector);
      for(var i = 0; i < _dp.length; i++) {
        if( _pos <= _dp[i]){
          var _id = '#' + $(prop.columnContainerItem).eq(i).attr('id'),
          _$cur = $(prop.mainNavigation).find('a[href="'+_id+'"]');
          if(_$cur.length > 0){
            _$nav.removeClass(_cur);
            _$cur.parent('li').addClass(_cur);
          }
          return;
        }
      }
    }