0

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

有人可以告诉我如何正确使用这个插件吗？插件JqueryScrollto

我尝试了如下所示的示例：

<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>

谢谢

4

1 回答 1

0

尝试：

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

    return false;
});

在这里提琴

于 2013-03-10T03:33:10.377 回答