I have follow problem.) I want the close button on top fixed not scroll with the content.
Have try all no solution found.
<div class="overlay fill">
<div class="bg fill"></div>
<div class="momentan">
<a href="javascript:" class="close">Close</a>
<!-- <div class="content card dark no-padding shadow"></div>-->
<div class="overlay-content">
<div class="twitter">
<div>
<a class="twitter-timeline" data-lang="de" data-theme="dark" href="https://twitter.com/SMessebau?ref_src=twsrc%5Etfw">
<a href="javascript:" class="close">Tweets by SMessebau</a>
<script defer src="https://platform.twitter.com/widgets.js"></script>
</div>
</div>
</div>
</div>
</div>
<script defer>
$(function () {
var $play = $('a.start-overlay'),
$lightbox = $('div.overlay'),
$close = $('div.bg, a.close', $lightbox),
$current = $('div.momentan', $lightbox),
clear_timeout;
$play.on('click', function () {
$body.addClass('overflow');
$lightbox.scrollTop(0).addClass('active');
$current.addClass('active');
});
$close.on('click', function () {
$body.removeClass('overflow');
$lightbox.removeClass('active');
$current.removeClass('active');
});
});

</script>