Change buttons scrolling Owl Carousel from the status scroll?

Good time of day!
Faced with such a problem.
You need to make sure that izmenilsja color button Skoll depending on the condition of the scroll.
For example, if we initial best personal Finance: button left gray arrow, right arrow and the active color is black. If we scroll tip - arrow-right grey, and the active left(color black).
Thank you!
scroll.jpg
var owl=$(".product-slider");
owl.owlCarousel({
 items : 4,
 nav: true,
 navText: ["<span class="\"icon-angle-left\""></span>","<span class="\"icon-angle-right\""></span>"]
});
$(".product-next").click(function(){
owl.trigger('next.owl.carousel');
})
$(".product-prev").click(function(){
owl.trigger('prev.owl.carousel');
 })
June 27th 19 at 15:01

Find more questions by tags Owl Carousel