2014-11-02 83 views
-2

如何在jquery中點擊按鈕之後做滾動頁面。 在菜單(li)滾動到div後,我想添加類「活動」。 如何做到這一點,以及如何在點擊後滾動到元素。 全部在jquery中。
這是我嘗試做在jquery中添加/刪除類並滾動到元素

function scrollToPosition('#menu') { 
    if ("#menu" !== undefined) { 
     $("li.m_top").addClass('active') 
     $("li.m_top").removeClass('active') 
     $("#menu").scrollTo() 
    }); 

}} 
<div id="menu"> 
     <ul class="menu_top"> 
      <a href="#home"> 
      <li class="m_top"> 
       home 
      </li></a> 
      <a href="#about"> 
      <li class="m_top"> 
       about 
      </li></a> 
      <a href="#galery"> 
      <li class="m_top"> 
       galery 
      </li></a> 
      <a href="#xxx"> 
      <li class="m_top"> 
       xxx 
      </li></a> 
      <a href="#contact"> 
      <li class="m_top"> 
       contact 
      </li></a> 
     </ul> 
    </div> 
    <div class="clear"></div> 
    <div id='home'> 

    </div> 
    <div id='about'> 

    </div> 
    <div id='galery'> 

    </div> 
    <div id='xxx'> 

    </div> 
    <div id='contact'> 

    </div> 
+0

你嘗試了什麼? – 2014-11-02 17:24:48

+0

我們不是在這裏編寫所有代碼,但是我們可以幫助您按順序獲得現有代碼。如果你有一些不工作的jquery,請發佈它,以便我們提供幫助。請注意,您想做的事情很容易搜索。 – 2014-11-02 17:28:00

回答

0

您可以使用此jQuery代碼來執行所需的操作

$("li").click(function(){ 
$("li").removeClass("active"); 
$(this).addClass("active"); 
$("body").animate({ scrollTop: $("#"+$(this).text().trim()).offset().top },3000); 




}); 

看到JS小提琴例子,我已經爲你

jsFiddle

創建