如何使用完整的属性 in velocity.js来触发localscroll

Question

我正在使用 velocityjs, localscroll (which needs scrollTo)。

我有一个默认隐藏的表单。我正在使用锚标记，单击该标记将显示表单。

html

<a href="#myForm" class="button" id="show">Show the form</a>

jquery

$('#show').click(function (event) {
    $('#myForm')
    .velocity('slideDown', {'duration': 2000})
    .velocity({'opacity': 1}, {
        'complete': function () {
             $('#myForm').localScroll({
                 'target': 'body',
                 'duration': 2000,
                 'easing': 'swing',
                 'hash': false
             });
        }
    });
});

我运行喜欢的是因为我没有 event.preventDefault 来停止跳转到目标的默认浏览器操作，所以我的页面跳转到我的表单正在淡入。

我想在表单完全显示后滚动页面。

如果我使用event.preventDefault()，页面根本不会滚动。这是有道理的，因为那时我告诉它不要做任何事情。

Answer 1

与其将其与另一个库复杂化，不如使用 Velocity 的 scroll 命令滚动到所需位置，例如：

//...
complete: function (form) {
    $(form).velocity('scroll', { duration: 2000, easing: "swing" });
}

如何使用完整的属性 in velocity.js来触发localscroll

How to use the complete property in velocity.js to trigger localscroll

jquery

triggers

jquery-events

scrollto

velocity.js