如何用缓动效果滚动我的页面？

如何滚动我的页面缓动效果？我想，当我将点击菜单上，然后用事先缓动效果如何用缓动效果滚动我的页面？

<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

如何用缓动效果滚动我的页面？

回答

相关问题