如何使用jjqueryscrollto插件?

如何使用jjqueryscrollto插件?,jquery,Jquery,我正在尝试使用这个插件。我怎么用这个?使用它的例子不是很清楚 有人能告诉我如何正确使用这个插件吗?插件 我尝试了如下示例: <li><a title="$(...).scrollTo( 'li:eq(14)', 800 );" id="relative-selector" href="#">Relative selector</a></li> <div id="pane-target" class="pane"> <ul

我正在尝试使用这个插件。我怎么用这个?使用它的例子不是很清楚

有人能告诉我如何正确使用这个插件吗?插件

我尝试了如下示例:

<li><a title="$(...).scrollTo( 'li:eq(14)', 800 );" id="relative-selector" href="#">Relative selector</a></li>

<div id="pane-target" class="pane">
    <ul class="elements" style="height:1011px; width:1820px;">
        <li>
            <p>0</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>1</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>2</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>3</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>4</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>5</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>6</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>7</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>8</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>9</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>10</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>11</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>12</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>13</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>14</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>15</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>16</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>17</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>18</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>19</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>20</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>21</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>22</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>23</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>24</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>25</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>26</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>27</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>28</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
        <li>
            <p>29</p><a href="#" title="$(...).scrollTo( 0, 800, {queue:true} );" class="back">go back</a>
        </li>
    </ul>
</div>
    • 0

    • 一,

    • 二,

    • 三,

    • 四,

    • 五,

    • 六,

    • 七,

    • 八,

    • 九,

    • 十,

    • 十一,

    • 十二,

    • 十三,

    • 十四,

    • 十五

    • 十六,

    • 十七,

    • 十八

    • 十九,

    • 二十

    • 二十一,

    • 二十二

    • 二十三

    • 二十四

    • 二十五

    • 二十六

    • 二十七

    • 二十八

    • 二十九

    谢谢

    试试:

    $("ul li a.back").click(function () {
        $.scrollTo(0, 800, {
            queue: true
        });
    
        return false;
    });
    
    拨弄