zoukankan      html  css  js  c++  java
  • js重定向后跳转到当前页面锚点

    实现代码如下

    	var url = window.location.toString();
            var urlArray = url.split('#');
            var id = urlArray[urlArray.length-1];
            if(id == 'in8'){
              var t = $('#in8').offset().top.toFixed(2);
              console.log(t);
              $(document).scrollTop(t);
            }
    

    经过在pc端测试没问题,移动端定位不准
    经过一段时间的测试,发现了问题所在,主要是由于手机端的网速较慢,DOM资源不能有效加载,使得js代码定位不准。
    随后进行改进,做了一下延迟基本没问题了。
    ** 改进后代码如下: **

    $(function(){
          setTimeout(toGlobal,1500);
          function toGlobal(){
            var url = window.location.toString();
            var urlArray = url.split('#');
            var id = urlArray[urlArray.length-1];
            if(id == 'in8'){
              var t = $('#in8').offset().top.toFixed(2);
              console.log(t);
              $(document).scrollTop(t);
            }
          }
        });
    
  • 相关阅读:
    AHOI2012 信号塔 | 最小圆覆盖模板
    BZOJ1337 最小圆覆盖
    HAOI2014 走出金字塔
    HAOI2012 外星人
    HAOI2014 遥感监测
    HAOI2012 道路
    NOI2007 社交网络
    HAOI2012 高速公路
    HAOI2012 容易题
    HAOI2011 Problem c
  • 原文地址:https://www.cnblogs.com/reamd/p/4911989.html
Copyright © 2011-2022 走看看