javascript - 自动滚动到 Magento 中的下一个选项

Question

我对 JS 很陌生。如何将 onclick 事件添加到 magento 高级选项，以便在选择第一个选项时，它应该自动滚动(跳转)到下一个选项，而无需手动滚动到下一个选项。这是一个示例:Link to Example

Answer 1

既然您在帖子中标记了“jQuery”，我就假设您想使用它。

下面是适用于您给出的示例的代码，但它(尤其是选择器)对于其他模板会有所不同。

// Click event handler
$('.optionblock input').click(function(){
    // Check if there is a next option block
    var $next = $(this).parents('.optionblock').next('.optionblock');
    if($next.length) {
        // Set scroll position to the next option block
        $(window).scrollTop($next.offset().top);
    }
});

这只是为了了解这个想法。我没有考虑跨浏览器支持和动画滚动效果。

更新:这里有一个带有动画滚动效果的工作示例:http://jsfiddle.net/66AmA/

更新 2: 对于您的特定 HTML 结构，代码将如下所示:http://jsfiddle.net/FFu6n/