javascript - 根据url参数滚动到顶部

Question

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

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);
    }
});