Question

有没有人遇到过这个问题？通过锚标记重定向时，网站不会滚动到正确的位置。例如，在about.html页面上，我点击了一个将我带到index.html#form的锚标记。它具有随机行为。有时带我到表格，有时不带。在手机上解决此问题。

Answer 1

您网站资源中的以下脚本〜js/script.js是罪魁祸首：

//SMOOTH PAGE SCROLL
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {

    if(this.href != undefined){
      var a = this.href.split('#');
      if(a[1] != 'collapseOne' && a[1] != 'collapseTwo' && a[1] != 'collapseThree' && a[1] != 'collapseFour' && a[1] != 'collapseFive'
          && a[1] != 'collapseSix' && a[1] != 'collapseSeven' && a[1] != 'collapseEight' ) {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            $('html,body').animate({
              scrollTop: target.offset().top
            }, 1000);
            return false;
          }
        }
      } 
    }
  });
});

它提供平滑的滚动和放大将更改后的网址(root/index.html#miniForm)替换为(root/index.html)，这样就无法导航到特定的div。

您可以替换网址替换代码段，并且可以使用提供的功能仅提供平滑滚动。

使用锚标签在手机上无法正常工作，从页面重定向到其他页面的某个部分

1 个答案: