Помощь Scroll top после выбора атрибута

[Azarn1k]

Здравствуйте. Есть такая проблема у некоторых товаров есть 50+ цветов и в мобильной версии это очень не удобно нужно постоянно скролить после каждого выбора цвета. Подскажите пожалуйста как добавить скрол в топ после выбора атрибута только в мобильной версии.

Думаю что может подойти такое решение:

<script >
if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)){
(function($) {
$(function() {

  $('#color_').click(function() {
    $('html, body').animate({scrollTop: 0},500);
    return false;
  })

})
})(jQuery)

}
</script>

Проблема только в том что id color_ уникальный у каждого цвета (color_033, color_947 и тд)

Подскажите пожалуйста как решить проблему?

 

[Azarn1k]

Решение: правки product.js

$(document).on('click', '.color_pick', function(e){
    e.preventDefault();
    colorPickerClick($(this));
    findCombination();
    getProductAttribute();
    if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)){
        $('html, body').animate({
        scrollTop: $("#productsnavpn").offset().top
    }, 2000);
    }
});