javascript - 跳转到 ID 并加载动态内容

Question

我想根据加载到页面中的 url 加载动态内容。我正在使用以下脚本执行此操作:

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
// Give the parameter a variable name
var dynamicContent = getParameterByName('region');

这有效，所以如果我有 url demo.com/page?region=asia，它将加载特定内容。但是，我希望它跳转到包含内容的 div 的 ID，例如 demo.com/page/#countries?region=asia 当我这样做时，它会加载动态内容但确实不要跳转到页面中的那个部分，因为 demo.com/page/#countries 会跳到那里。

Answer 1

您可以“手动”滚动到 div，方法是:
document.getElementById('id').scrollIntoView();