CSS Line Clamp - Scroll Back to Initial Position - html

Question

I have implemented some collapsible block of text with CSS line-clamp and it is working just fine, except for one simple detail that is actually bugging me as I can't come up with a solution.
Right now, I have this:
HTML
<div class="description-row">
<article>
<?php
$features = $property->get_features();
if (!empty($features)) : ?>
<p class="text-collapse"><?php the_excerpt(); ?></p>
<?php else : ?>
<p class="text-collapse no-features"><?php the_excerpt(); ?></p>
<?php endif; ?>
</article>
See full description
</div>
SCSS (SASS)
.text-collapse {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
position: relative;
line-height: 1.69;
letter-spacing: 0.32px;
&.no-features {
-webkit-line-clamp: 16;
}
&.active {
-webkit-line-clamp: unset;
}
}
.see-full-desc-btn {
&:after {
padding-left: 1rem;
content: url('/chevron-down-solid.svg');
}
&.open:after {
content: "";
padding-left: 0;
}
#include respond(tab-port) {
margin-bottom: 2.5rem;
}
}
jQuery
jQuery(document).ready(function ($) {
$(".see-full-desc-btn").click(function () {
$(".text-collapse").toggleClass("active");
$(".see-full-desc-btn").toggleClass("open");
if ($(".see-full-desc-btn").hasClass("open")) {
$(".see-full-desc-btn").html("Close Description");
} else {
$(".see-full-desc-btn").html("See full description");
}
});
});
Basically I get this block of text, then the code will clamp the lines depending on the size of the text and it will show a button that opens / closes that text block.
The thing is that when the text is big (specially on mobile) you scroll down to read, and when you click the close button, you are left in the worng scroll position.
What I need is to somehow automatically scroll back to the initial position once the "Close" button is clicked.
Any hints?
Thank you very much!
Regards,
T