Estoy usando OverlayScrollbars para hacer desplazable un div. En la carga de la página, estoy tratando de detectar si el contenido div ha desbordado el contenedor div o no. Esto es para que pueda aplicar un estilo adicional al contenedor si el contenido se ha desbordado.
Este es el código que tengo para inicializar las barras de desplazamiento:
$("#entries").overlayScrollbars({ scrollbars: { visibility: "auto", autoHide: "move", }, callbacks: { onScroll: function (event) { scrollBarOverlays(); } } });Luego intenté usar .getState() para ver el valor de hasOverflow, pero en la carga de la página esto devuelve valores vacíos. Solo muestra valores una vez que se ha desplazado el contenido.
https://kingsora.github.io/OverlayScrollbars/#!documentation/method-getstate
¡Cualquier ayuda apreciada!
SI alguien más está luchando con esto, logré resolverlo usando la devolución de llamada onOverflowChanged.
$("#entries").overlayScrollbars({ scrollbars: { visibility: "auto", autoHide: "move", }, callbacks: { onScroll: function (event) { scrollBarOverlays(); }, onOverflowChanged : function(eventArgs) { if(eventArgs.yScrollable==true){ $("#entries").addClass("bottom-gradient-box"); } else { $("#entries").removeClass("bottom-gradient-box"); } } } });