jquery - scrollTo() 不在选项卡后滚动 ('select' ,#)

Question

我疯了，这应该很简单，但我确信我像 jQuery 菜鸟一样把它复杂化了。叹。

所以我有这个页面，它采用 #switchto=ac#goto=acemergency 主题标签并适本地切换 jQuery 选项卡，之后它应该转到(滚动到)所需的 ID。问题是 tabs() 自动滚动回容器顶部，当调用scrollTo() 时，它不再知道滚动到哪里。换句话说，它根本不滚动。

这是我的事件处理程序:

jQuery(window).hashchange(function(e) {
    if (window.location.hash) {
        var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
        var instruct = hash.split('#'); //split instructions
        var whichtab = instruct[0].split('='); // split instruction from tab name

        try {
            var whichid = instruct[1].split('='); // split instruction from id name
        }
        catch (err) { /*suppress*/
        }

        if (whichtab[0] == "switchto") {
            switch (whichtab[1]) {
                case 'ac':
                    try {
                        if (whichid[1] != "") {
                            $s.when(targettab(0)).then(targetid(whichid[1]));
                        }
                    } catch (err) {}
                    $s('.tour').tabs('select', 0);
                    break;
                case 'heating':
                    try {
                        if (whichid[1] != "") {
                            $s.when(targettab(1)).then(targetid(whichid[1]));
                        }
                    } catch (err) {}
                    $s('.tour').tabs('select', 1);
                    break;
                case 'plumbing':
                    try {
                        if (whichid[1] != "") {
                            $s.when(targettab(2)).then(targetid(whichid[1]));
                        }
                    } catch (err) {}
                    $s('.tour').tabs('select', 2);
                    break;
            }
        }
    }
});

这是我的功能:

function targetid(givenid) {
    //$s('html,body').animate({scrollTop: $s("#"+givenid).offset().top},'fast');
    $s.scrollTo($s("#" + givenid), 400);
    $s("#" + givenid).delay(500).fadeTo('slow', 0.1, function() {
        $s("#" + givenid).fadeTo('slow', 1);
        console.log('got ' + givenid + ' and scrolled to it');
    });
}

function targettab(giventab) {
    $s('.tour').tabs('select', giventab);
}

我尝试了在 stackoverflow 上找到的几种方法，但似乎都不能解决我的问题。有任何想法吗？有没有办法阻止 tabs() 在 tabsselect 上滚动回顶部？

Answer 1

我并没有真正仔细研究过你的代码，但你真的不是指scrollTop而不是scrollTo吗？假设 $s 是您的 jQuery 对象，当您尝试时会发生什么:

$s("#" + givenid).scrollTop(400);

这还假设 $s("#"+ Giveid) 是您要滚动的容器的正确选择器。

我可以离开这里(再次，看起来没那么难)，但我希望它有帮助!