如何用緩動效果滾動我的頁面？

如何滾動我的頁面緩動效果？我想，當我將點擊菜單上，然後用事先緩動效果如何用緩動效果滾動我的頁面？

<body data-spy="scroll" data-target="#myNavbar" data-offset="0"> 
     <nav id="myNavbar" class="navbar navbar-default" role="navigation"> 
     <div class="container"> 
      <h1 class="navbar-brand align" href="#">ashish</h1> 
      <!-- Brand and toggle get grouped for better mobile display --> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data- 

target="#navbarCollapse"> 


       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="navbarCollapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#homesection">Home</a></li> 
       <li><a href="#ourServices">What i do?</a></li> 
       <li><a href="#Portfolio">Portfolio</a></li> 
       <li><a href="#contact">Contact</a></li> 
      </ul> 
     </div> 
    </nav>

感謝滾動其ID區間調用plz幫助我

來源

2014-02-18 mishraoft

像這樣：

<a href="#Portfolio" onClick="scrollTo('Portfolio', event)">Portfolio</a>

科：

<div id="Portfolio">....</div>

JS：

function scrollTo(element, event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    $('html, body').animate({ 'scrollTop' : $('#' + element).offset().top + 'px' }, 1000); 
}

您需要爲此使用jQuery。

乾杯

來源

2014-02-18 09:37:38

謝謝 Barth Zalewski – mishraoft

如何用緩動效果滾動我的頁面？

回答

相關問題