平滑滚动

JQuery插件:ScrollTo平滑滚动到页面指定位置

≡放荡痞女 提交于 2020-02-29 03:34:44
ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置。适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用。 查看演示DEMO 使用方法 1、准备jQuery库和scrollTo.js插件。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.scrollTo.js"></script> 2、XHTML <ul class="nav"> <li><a href="#" class="nav_pro">产品展示</a></li> <li><a href="#" class="nav_news">新闻中心</a></li> <li><a href="#" class="nav_ser">服务支持</a></li> <li><a href="#" class="nav_con">联系我们</a></li> <li><a href="#" class="nav_job">人才招聘</a></li> </ul> <div id="pro" class="box"> <h3>产品展示</h3> </div> <div id="news" class=