根据url参数滚动顶部

Question

我的网站在URL中包含一个名为“onsale”的特定参数。我希望页面在页面加载时滚动到某个div，并带有一个名为“bbbb”的类，如果参数“onsale”在URL中。到目前为止，这是我的代码：

var url = window.location.href;

if (url.search("onsale") >= 0) {
//found it, now do something
console.log("yep");

jQuery('html,body').animate({
scrollTop: jQuery(".bbbb").offset().top
});

//jQuery("body")jQuery('.four-column-sales-pod').scrollTop();


} 

滚动效果有两个问题。

1. 它没有滚动窗口，所以div“bbbb”位于页面的顶部 - 它滚动使得它超过div的大约一半的div长度。
2. 更令人困惑的问题是，有时它会在中途滚动到div，而其他时候会在中途滚动到div然后滚动回到页面顶部。不知道造成这种情况的原因。

Answer 1

试试这个：

$(function() {
    var url = window.location.href;

    if (url.search('onsale') != -1) {
        $('html, body').animate({
            scrollTop: $('.bbbb').offset().top
        }, 500);
    }
});