JS / jQuery 实现页面跳转到指定位置-锚点

Posted 2021-10-01 Rudon滨海渔村

最简单的代码

$(document).ready(function () {
    location.hash = "";
    setTimeout('location.hash="#foot";', 2000);
});

感谢： [求助]如何用JS跳转到页面中的指定ID-CSDN论坛

无广告的百度首页绿色版： http://baidu.rudon.cn/

失败例子

以下是亲测在chrome上不能用的跳到页面最底部的方法：

$('body').scrollTop(
    $('.bottom').offset().top - $(window).height()
);

$('body').animate({
    scrollTop: $('.bottom').offset().top - $(window).height()
}, 500);

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
$(document).ready(function() {
  $("#p1").click(function() {
    $("html, body").animate({
      scrollTop: $("#div1").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p2").click(function() {
    $("html, body").animate({
      scrollTop: $("#div2").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p3").click(function() {
    $("html, body").animate({
      scrollTop: $("#div3").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
});