页面锚点链接平滑滚动JS代码


页面里使用锚点链接进行滚动时,想让其平滑滚动,添加如下代码即可,会自动识别#链接

<script>
// Select all links with hashes
jQuery('a[href*="#"]')
  // Remove links that don't actually link to anything
  .not('[href="#"]')
  .not('[href="#0"]')
  .click(function(event) {
    // On-page links
    if (
      location.hostname == this.hostname
    ) {
      // Figure out element to scroll to
      var target = jQuery(this.hash);
      target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']');
      // Does a scroll target exist?
      if (target.length) {
        // Only prevent default if animation is actually gonna happen
        event.preventDefault();
        jQuery('html, body').animate({
          scrollTop: target.offset().top
        }, 1000, function() {
          // Callback after animation
          // Must change focus!
          var $target = jQuery(target);
          $target.focus();
          if ($target.is(":focus")) { // Checking if the target was focused
            return false;
          } else {
            $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
            $target.focus(); // Set focus again
          };
        });
      }
    }
  });
</script>

Python基础方法

1. 把字母转换成首字母大写 msg = "hello world" print(msg.title()) //首字母大写 print(ms…

日期:2024-10-10

Uikit Slideshow原点击效果改成鼠标经过效果

<section class="section_13"> <div class="uk-container&qu…

日期:2024-07-21

[记录]Windows Server 2012 R2系统更新失败无法重启的解决方案

一次在运维公司内部服务器时候,重启过程中提示“更新并重启”手欠点了下,后来系统再也无法启动,陷入了“您的系统遇到错误需要重启…

日期:2023-11-13

破除windows server 2012 局域网远程桌面120天限制

“由于没有远程桌面授权服务器可以提供许可证,远程会话被中断”,或者提示“您的免费授权期限还剩20天”这样的描述。…

日期:2023-09-22

使用Mac系统里自带的php apache搭建php开发环境

1. 查看自带的php版本,在终端输入命令: php -v WendeiMac:lockin wenzhang$ php -v PHP 7.1.33 (cli)…

日期:2023-09-13

新买的笔记本Win11系统如何跳过联网登录使用本地登录

记得win11之前的系统一开始安装激活的时候,有需要联网激活,但是也有一个“我没有internet”或者使用“本地登录选项&…

日期:2023-07-26

Wordpress显示数据库的查询次数和时间

第一、在主题的funtions.php里添加如下代码,然后通过前台查看源代码查看页面的数据库查询次数和时间 //显示数据库查询次数、查询时间及内存占用的代码 f…

日期:2023-07-05