主页 / 问题 / 1012958
Accepted
Nice
Asked:2020-08-13 15:22:06 +0000 UTC2020-08-13 15:22:06 +0000 UTC

将动画应用于所有链接，jQuery

  • 772

我怎样才能使它不为每个链接编写单独的函数，而是使其通用，大约有 20 个链接。这就是我现在的样子：

$("a[href^='#ranking']").on('click', function() {
    var target = $('#ranking');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1000);
});

$("a[href^='#pull']").on('click', function() {
    var target = $('#pull');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1000);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript

1 个回答

  1. Best Answer

    例如，像这样。所有锚点都有一个通用类。

    $("a.yak").on('click', function() {
    var target = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 1000);
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href='#pull' class='yak'>yak</a>
<a href='#pull2' class='yak'>yak2</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="pull">
toyak
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="pull2">
toyak2
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    • 1

相关问题