javascript - 使用主题标签打开页面时平滑滚动到 div

Question

我有这个 JS，它可以工作，但在页面完成加载之前它开始滚动。有没有办法检查页面加载，然后加载以获得平滑的效果？

jQuery(document).ready(function(){
    var href = window.location.href+'#team';
    var splitit = (href.split('#'))[1];
    if(splitit !== "" || splitit !== "undefined"){
        jQuery('html, body').animate({
            scrollTop: jQuery('#'+splitit).offset().top - 50
        }, 2000);
    }
});

另外，splitit 是做什么的？我们可以删除它吗？

Answer 1

split()方法用于将字符串拆分为子字符串数组，并返回新数组。

var str = "How are you doing today?";
var res = str.split(" ");
//result is array [How,are,you,doing,today?]

删除是为了什么？ 检查所需的 Splitit 位于 url '#' 符号中或 '#' 后的非空 url。

尝试在页面完全加载(包括图形)时运行加载事件。

jQuery( window ).load(function() {
  // Run code
});