Licitator/httpdocs/templates/database/components/gbc/recursos.html.twig

<script>
  var currentScroll=0;
function lockscroll(){
    $(window).scrollTop(currentScroll);
  $('body').css('position','static');
    $('body').css('height','auto');
    $('body').css('overflow-y','hidden');
}
  function unlockscroll(){
    $(window).scrollTop(currentScroll);
  $('body').css('position','relative');
    $('body').css('height','auto');
    $('body').css('overflow-y','auto');
}
</script>
<div class="buttons recursos__container">
        <ul class="nav nav-pills" id="pills-tab" role="tablist">
            {% for recurso in tarea[0].recursotarea|sort((a, b) => a.position <=> b.position) %}
                <li id="recursotab-{{ recurso.recursos.id }}">
                    <a href="#recurso-{{ recurso.recursos.id }}" class="btn btn-{{recurso.recursos.TiposRecursosId.Style}}" data-toggle="tab">{{ recurso.recursos.TiposRecursosId.Tipo|trans({})}}</a>
                </li>
            {% endfor %}
        </ul>
        <div class="tab-content clearfix">
            {% for recurso in tarea[0].recursotarea %}
                <div id="recurso-{{ recurso.recursos.id }}" class="tab-pane alert alert-{{recurso.recursos.TiposRecursosId.Style}} alert-white rounded "  >
                    <button type="button"  aria-hidden="true" class="close"  onclick="$(this).parent().toggleClass('active');$('#recursotab-{{ recurso.recursos.id }}').toggleClass('active');" style="top:0px;position:sticky;">×</button>
                    <div class="icon">
                        <img src="{{ asset("images/"~recurso.recursos.TiposRecursosId.Alias~".png") }}"/>
                    </div>
                    {{recurso.recursos.texto|trans({})|raw}}
                </div>
          <script>
            
           $('#recursotab-{{ recurso.recursos.id }}>a').click(function(){
             lockscroll();

        })  


        $('.close').click(function(){
             unlockscroll();

        })
          </script>
            {% endfor %}
        </div>
    </div>