jquery.scrollTo —在页面加载上滚动

Question

我在网站的各个部分上使用以下jQuery插件— https://github.com/flesler/jquery.scrollTo

我可以使它与链接一起正常工作，以便在单击链接时可以将其滚动到页面的特定部分，如下所示：

$('#button-top').bind('click', function(e) {
    try {
        e.preventDefault();
        target = this.hash;
        $('html, body').scrollTo(target, 150);
    } catch (error) {
        alert('error - ' + error);
    }
});

但是在一页上我需要它，以便它在加载页面时滚动，例如：

if ($('.gform_validation_error').length > 0) {
    // scroll here
}

我将如何调整脚本，使其在页面加载时滚动而不是在单击链接时滚动？

Answer 1

试试这个 -使用.ready（）函数在页面加载时触发

这是工作演示- 单击此处

$(document).ready(function(){
   if ($('.gform_validation_error').length > 0) {
       var controlID ="#" + "divToScroll"; // this is ID of DIV where you want to scroll on page load.
        $('html, body').animate({
    scrollTop: $(controlID).offset().top
}, 2000);
   }
});

Answer 2

jQuery(document).ready(function() {
    jQuery('#target')[0].scrollIntoView();
});

这是展示如何做到的小提琴http://jsfiddle.net/qnr9n989/