How can I make a drop down menu for display:flex so that the menu shrinks in size as I scroll?

Question

JavaScript

Answer 1

You need to do something like this:

$('.elem-exp .js-svg-bar').countTo({
    to: 70,
    speed: 1000,
    onUpdate: function (value) {
        $(this).attr('percent', value);
    }
});

Answer 2

position the .product class absolutely relative to the list element with the text "Our proposals " to the same position:relative element (for better control, give it a class like item-has-submenu
.product top:100% left:0 and hide it or display:none , or opacity: 0 visability: hidden
further when hovering over item-has-submenu - display .product