Tengo un iframe que está oculto al cargar. Tengo 2 divs, uno para mostrar y otro para ocultar el iframe y funcionan bien. Lo que estoy tratando de lograr es que una vez que el iframe no está oculto, el usuario se desplaza por el iframe y luego hace clic en ocultar el iframe se oculta, pero la próxima vez que el usuario hace clic en mostrar, el iframe está en la última posición desplazada, ¿cómo puedo hacerlo para que cuando el usuario hace clic en mostrar, el iframe se desplaza a la posición superior antes de ser visto. Gracias por adelantado.
$('.unhide').on('click', function() { //something like this $('.iframeCon iframe').scrollTop(0); $('.iframeCon').show() }) $('.hide').on('click', function() { $('.iframeCon').hide() }) .iframeCon { display: none; width: 100%; height: 90vh; margin-top: 7%; z-index: 2; background-color: gold; } iframe { width: 100%; height: 100%; } div:hover { cursor: pointer; text-decoration: underline; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="hide">hide</div> <div class="unhide">unhide</div> <div class="iframeCon"> <iframe src="https://wix.com"></iframe> </div>