0

Web サイトで ascensor.js を使用していますが、jquery 関数 scrollTop に問題があり、機能しません。さまざまなオプションを試しましたが、まだ何も起こりません。それを修正する方法は？

// 編集

ごめん。これがコードです。

私はこの単純な機能を使用しています。

<a id="scrolltop"></a>

$(function () {
             $('#scrolltop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });
});

今、私がascensor.jsを含めたとき、それはもはや機能しなくなりました。

4

1 に答える 1

0

あなたが試したのは通常のjqueryの方法で、ascensor.jsを使用していません。ここに両方の​​バージョンがあり、違いを見ることができます-

<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="jquery.ascensor.min.js" type="text/javascript"></script>
</head>

以下は本文コードです。一時的に、スクロール効果を確認するために固定 1000px を使用しました。

<div style="height:1000px;">Some text with fixed height</div>
<a id="scrolltop" style="float:right;width:100%" href="#">jquery-version</a>
<div style="height:20px;">&nbsp;</div>
<a id="ascensor" href="#">ascensor version</a>

<script type="text/javascript">
$(document).ready(function(){

    // attach jquery version to id scrolltop
    $('#scrolltop').click(function () {
        $('html, body').animate({
            scrollTop: '0px'
        },
        1500);
        return false;
    });

    // attach ascensor to id ascensor
    $('#ascensor').ascensor();

});
</script>

ascensor を使用していない jquery-version をクリックすると、アニメーションを使用しているため動きが遅くなります。もう 1 つのバージョンは、デフォルトで上部にスクロールする ascensor です。詳細なドキュメントと実装例は、任意の方向のアニメーションに移動する他の機能を提供できます。

于 2014-02-02T15:14:34.730 に答える