javascript - On 单击移至下一个，依此类推

Question

点击查看我想要的草图

我试图找到解决方案但无法找到，我希望我能在这里得到帮助。我想要单选点击（类似尺寸的变体），然后移动到下一个变体，然后再次单击下一个变体，它会移动到下一部分，如果还有更多，依此类推。

这里的问题是，我们使用了两种类型的变体，其中一种来自shopify 的BOLD OPTIONS应用程序。还有另一个 shopify 默认变体。

所以我想要一些东西，比如我检查哪个单选按钮被选中并移动到下一个变体，然后当我点击第二个变体时，我想移动到下一个。

目前它只适用于第一个，当我点击它时，它会移动到第二个，但当我点击它时它不会滚动。如果我删除第一个变体的滚动jQuery代码，那么第二个变体有效。好像一次只有一个。

有什么办法可以解决这个问题

$(".smo").click(function() {
  $('html, body').animate({
    scrollTop: $('#serer').position().top
  }, 'slow');
});

$("span.bold_option_value_swatch").click(function() {
  $('html,body').animate({
    scrollTop: $('.bold_option.bold_option_radio').position().top
  }, 'slow');
});

标签： javascripthtmlcssshopify