Scrollup działa ale jest niewidoczny czy jest to wina nachodzących na siebie elementów?

pytanie zadane 20 maja 2020 w HTML i CSS przez marsoonn Początkujący (460 p.)

Siema,

Mam pytanie tworzę stronę www i zrobiłem w prawym dolnym rogu scrolla,
który pojawia się gdy przewija się do danego slajdu w tym przypadku do elementu "kontakt"

Wszystko zrobiłem tak jak pan Mirosław mówił w odcinku 4 z HTML,
niestety po dodaniu wszystkich potrzebnych rzeczy scroll jest i wszystko działa tak jak powinno,
ale scroll jest nie widoczny chociaż w miejscu, w którym powinnien być można kliknąć i wszystko działa.

Jak mogę to naprawić?
Czy może jest to wina tego że elementy na siebie nachodzą (chociaż tło scrolla jest przezroczyste)

Zielone koło w tym miejscu jest scroll

Z poważaniem,
Michał


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	
	<script src="jquery.scrollTo.min.js"></script>
	
	<script>
		
		jQuery(function($)
		{
			//zresetuj scrolla
			$.scrollTo(0);
			$('#link5').click(function(){$.scrollTo($('#kontakt'),500);});
			$('.scrollup').click(function(){$.scrollTo($('body'),1000);});
		}
		);
	
	</script>

<!-- Body menu -->
<a href="#" class="scrollup"></a>
<div class="option">
				<a id="link5" href="#">Kontakt</a>
</div>

<!-- Body slajd do ktorego ma sie przewijac -->

<div class="frame" id="kontakt"> ...

.scrollup
{
	width:64px;
	height:64px;
	text-decoration:none;
	background: url("img/up.png") no-repeat 0px 0px;
	position: fixed;
	right: 10px;
	bottom: 10px;
}