一.scrollto插件功能

scrollto用于定位頁面中元素的位置，并使滾動條滾動到當前元素。

二.scrollto官方地址

https://github.com/flesler/jquery.scrollTo

在官方地址中并沒有特別詳細的說明，只是說插件可以按x軸、y軸滾動。可以嵌套元素，當前元素在父元素中滾動。官方提供demo下載，在demo中有應用案例，如在父元素中滾動，滾動定位的間隔時間等。

三.scrollto使用方法

1.文件引用。只需引用兩個js文件，一個jquery,一個插件功能文件。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.js"></script>

2.css樣式文件。插件自身不需要使用樣式

3.js代碼。插件使用非常簡單，如：

//定位到當前頁面wrap元素中第4個h3元素，間隔時間為800毫秒。
$.scrollTo( '#wrap > h3:eq(3)', 800 );
//可以通過初始化定義延x軸或y軸滾動定位。詳細可以看官方demo演示
$.scrollTo( '#wrap > h3:eq(3)', 800,{ axis:'x' } );  //x軸

4.html代碼。指定需要定位到的元素。

在測試scrollto插件時，為了提高測試用例的功效，同時使用了scrolltofixed插件，scrolltofixed插件用于頁面滾動時，固定某元素的位置不變。

在線演示：定位插件scrollto

總結

以上是生活随笔為你收集整理的网站开发常用jQuery插件总结(13)定位插件scrollto的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。