javascript - 滚动到 uRL 中具有多个 anchor 的 anchor ,

标签 javascript jquery html anchor

有关于 Anchor 的问题观点。

我有一个类似 domain.tld/sub/#point1/#point2 的 URL,我还使用由第一个 #point1 触发的选项卡.因此,如果有人打开链接,浏览器会检测到该页面上的第一个选项卡,然后它需要找到第二个 #point2。这是一个 anchor ,如 <div id="point2"></div> .

但现在问题来了,因为在加载页面时不可能使用多个 anchor 向下滚动,我必须找到其他选项。但是当然没有那么多经验。谁能帮帮我?

问候马丁

最佳答案

$(document).ready(function() {
    goToUrl();
});


function goToUrl() {
    var newUrl      = document.URL;
    var newUrlArr   = newUrl.split("#");
    var newUrlArrLength = newUrlArr.length;
    if (newUrlArrLength>0) {
        var last = parseInt(newUrlArrLength) -1;
        var lastUrl         = newUrlArr[last];
        var lastItem        = $("#"+lastUrl);
        $('html, body').animate({
            scrollTop: lastItem.offset().top
        }, 1000);
    }
}

关于javascript - 滚动到 uRL 中具有多个 anchor 的 anchor ,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44715709/

相关文章:

javascript - dhtmlx 多个调度程序无法工作错误 "Scheduler is not defined"

javascript - 在 html5 canvas 标签中创建图像的分层树结构?

html - 带 child 的 Div 未正确堆叠

html - IE 中的表单按钮问题

javascript - 检查子元素是否与父元素具有相同的类并删除子元素 - jQuery

javascript - 选择菜单 ('refresh',正确)

javascript - 提交至 Eloqua 表单,无需 Eloqua 处理页面

javascript - jquery-ui datepicker 没有出现在动态输入中

javascript - Angular 路由 - Tab 键可以启动路由吗?

javascript - 使用对象解构(首选解构)