En el siguiente ejemplo, haga clic en abc desde el lado izquierdo.
Necesito el lado derecho para desplazarme para que la primera instancia de abc sea visible
Y, si es posible, se debe marcar el abc correcto
En mi sitio, al hacer clic, el lado derecho se desplaza unos pocos píxeles, lo que sea que se haga clic en el lado izquierdo, pero no al texto deseado
En el fragmento aquí, al hacer clic, no hay ningún desplazamiento
$('.atitle').on('click', function(){ let a = $(this).text(); $('#bins').scrollTop($("*:contains(" + a + "):first").offset().top); }); html{ overflow:hidden; } .grida{ display:grid; grid-template-columns:auto 1fr; } .gridaa, .bins{ height:99px; overflow-y:scroll; } .bins{ white-space:pre-wrap; } .atitle{ cursor:pointer; padding:0 14px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='grida'> <div class='gridaa'> <div class='atitle'>lorem</div> <div class='atitle'>ipsum</div> <div class='atitle'>abc</div> <div class='atitle'>dolor</div> <div class='atitle'>sit</div> <div class='atitle'>amet</div> <div class='atitle'>sky</div> <div class='atitle'>earth</div> <div class='atitle'>sun</div> <div class='atitle'>moon</div> </div> <div class='gridab'> <div class='bins' id='bins'> sky moon earth sun sit amet ipsum abc lorem sit dolor </div> </div> </div>