0

我有一个页面，我需要在 onClick 上有两个事件：slideDown（因此不同的部分变得可见）和 ScrollTop，因此在上述部分变得可见后页面会自动向下滚动，并聚焦在按钮上。

我有代码：

    {% if product.addons|length > 0 %}
    <button class="bb-button bb-button-submit bb-button-big" type="submit" id="order-button">{% trans 'Continue' %}</button>
    {% else %}
    <button class="bb-button bb-button-submit bb-button-big" type="submit" id="order-button">{% trans 'Order now' %}</button>
    {% endif %}

和

<script type="text/javascript">
$(function() {

if($(".addons").length && $(".addons").is(':hidden')) {
    $('#order-button').one('click', function(){
        $(this).hide();
        $('.addons').slideDown('fast');
        return false;
    });
}

$('#period-selector').change(function(){
    $('.period').hide();
    $('.period.' + $(this).val()).show();
}).trigger('change');

$('.addon-period-selector').change(function(){
    var r = $(this).attr('rel');
    $('#' + r + ' span').hide();
    $('#' + r + ' span.' + $(this).val()).fadeIn();
}).trigger('change');

});
</script>

但我不知道如何同时添加scrollTop事件，所以页面向下滚动到“立即订购”按钮。

4

0 回答 0