jQuery Problema con scrollLeft

[techno]

Ciao a tutti, ho un problema con scrollLeft di jQuery che non funziona questi sono i miei code:

<style>
.scroll-orizontal>div {
    position: relative;
    width: 100%;
    overflow: hidden
    scroll-behavior: smooth;
}</style>

<div class="scroll-orizontal">
<a href="#" class="btnScrollLeft"></a>
<a href="#" class="btnScrollRight"></a>

<div class="cnt-scroll">
<ul>
...
</ul>
</div>

$(document).ready(function() {

    const elScroll = $(".cnt-scroll");

    $("body").on("click", ".btnScrollRight", function(e) {
        e.preventDefault();

        elScroll.scrollLeft(500);

        e.stopImmediatePropagation();
    });

});

[cavicchiandrea]

Potrebbe essere perché non dichiari nessun attributo a cnt-scroll

[alka]

ho un problema con scrollLeft di jQuery che non funziona questi sono i miei code: [...]

Il codice è errato, o quantomeno manca la chiusura di un <div>.

[techno]

ok risolto da come ho capito la variabile costante esterna non viene letta nella funzione

[alka]

ok risolto da come ho capito la variabile costante esterna non viene letta nella funzione

Per effetto della cattura del contesto, quella costante dovrebbe essere letta senza problemi.

[cassano]

Prova con var = ...

[alka]

Prova con var = ...

Rispetto all'uso di let/const, non dovrebbe cambiare il comportamento dello script, e al giorno d'oggi sono parole chiave largamente supportate.

Certo, senza un quadro di insieme (browser utilizzato, codice assemblato, ecc.) diventa difficile individuare la problematica, che potrebbe anche essere una inezia in grado di far saltare tutto.

Suggerirei all'autore della discussione di creare un PoC (Proof of Concept) cioè un prototipo per testare la funzionalità isolata e verificare che l'implementazione in sé non abbia problemi, andandola poi a integrare con calma nell'applicativo finale una volta eliminati tutti i possibili dubbi a riguardo.

Ciao!