信鸽网

jQuery实现平滑滚动到指定锚点的方法

  作者：bea

本文实例讲述了jQuery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下： 定义好指定的anchor锚点，调用下面的js代码可以让页面平滑的滚动到指定的位置，非常实用，比如返回页面顶部，去往页面底部等功能 // HTML:// <h1 id="anchor">Lorem Ipsum</h1>// <p><a href="#anchor" class="topLink">Back to Top</a>

本文实例讲述了jQuery实现平滑滚动到指定锚点的方法。分享给大家供大家参考。具体如下：


定义好指定的anchor锚点，调用下面的js代码可以让页面平滑的滚动到指定的位置，非常实用，比如返回页面顶部，去往页面底部等功能




// HTML:

// <h1 id="anchor">Lorem Ipsum</h1>

// <p><a href="#anchor" class="topLink">Back to Top</a></p>

$(document).ready(function() {

  $("a.topLink").click(function() {

    $("html, body").animate({

      scrollTop: $($(this).attr("href")).offset().top + "px"

    }, {

      duration: 500,

      easing: "swing"

    });

    return false;

  });

});


希望本文所述对大家的jQuery程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: