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()功能

Here is Working Demo - Click here

$(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/

jquery.scrollTo - 滚动页面加载

2 个答案: