最近一直在弄頁面的事情，對頁面方面的知識又鞏固了一下。這次的內容如題，大家對程式碼有疑問或者是有更好的方法歡迎留言！

js部分 

       //標題物件
      var title = document.getElementById("title");  
      //選單物件
      var menu = document.getElementById("menu");  
      //正文物件

      var content = document.getElementById("content");  

       //當前標題據頂部高度

      var titleTop = title.offsetTop; 

      //當前標題高度

      var titleHeight = title.offsetHeight; 
      //物件子節點
      var contentChild = content.children;  
      //選單子節點
      var menuChild = menu.children;

//導航欄隨頁面滾動而水平切換

    window.onscroll = function(){
      var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;   
      for(var i=0;i<menuChild.length;i++){  
        if( scrollTop + titleHeight >= contentChild[i].offsetTop){  
            for(var j=0;j<menuChild.length;j++){  
                menuChild[j].className = "";  
            }  
            menuChild[i].className = "cur";  
       }  
    }  

  };

//點選選單跳轉到指定位置
 function menuChange(menuType){
    //定義id 
    var menuTypeId;
    switch(menuType){
      case 0:
         menuTypeId = "#home";
         break; 
      case 1:
         menuTypeId ="#tech";
         break; 
      case 2:
         menuTypeId ="#innovate";
         break; 
      case 3:
         menuTypeId ="#gain";
         break; 
      case 4:
         menuTypeId ="#economics";
         break; 
      case 5:
         menuTypeId ="#link";
         break; 
      default:
         menuTypeId ="#home";
         break; 
    }
    $("html, body").animate({
      scrollTop: $(menuTypeId).offset().top- titleHeight}, {duration: 500,easing: "swing"
    });//scrollTop:指定相關模組回到指定位置（該位置要去掉選單導航欄高度）。

  };

頁面部分：

<ul class="menu" id="menu">
        <li class="cur"><div  onclick="menuChange(0)">KL介紹</div></li>
        <li><div onclick="menuChange(1)">技術屬性</div></li>
        <li><div onclick="menuChange(2)">專案創新</div></li>
        <li><div onclick="menuChange(3)">盈利模式</div></li>
                        <li><div onclick="menuChange(4)">經濟模式</div></li>
                        <li><div onclick="menuChange(5)">聯絡我們</div></li>

 </ul>

<div>

    <div id="#home"></div>
    <div id="#tech"></div>
    <div id="#innovate"></div>
    <div id="#gain"></div>
    <div id="#economics"></div>

    <div id="#link"></div>

</div>

    <div id="#home"></div>