Alpha/Epic-Sax
2
1
Fork 1
Code Issues Pull requests Releases Wiki Activity

Enhance scroll indicator functionality

Browse source
This commit is contained in:
Simon Giesel 2019-07-12 10:23:33 +02:00
parent f1015b9c32
commit 3557efcd66
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -13,7 +13,7 @@
<h2>Willkommen auf</h2> <h2>Willkommen auf</h2>
<h1>Epic-Sax</h1> <h1>Epic-Sax</h1>
</div> </div>
<div class="arrow"></div> <div class="arrow" onclick="window.scrollTo({top: window.innerHeight, behavior: 'smooth'});"></div>
</div> </div>
<div class="page history"> <div class="page history">
<h1>Geschichte</h1> <h1>Geschichte</h1>
@ -25,6 +25,7 @@
ist. Nicht sofort und überall wurde seinerzeit das neue Instrument begeistert aufgenommen. Doch viele ist. Nicht sofort und überall wurde seinerzeit das neue Instrument begeistert aufgenommen. Doch viele
Komponisten fanden alsbald Gefallen an ihm und setzten es mit seinen klanglichen Variationsmöglichkeiten Komponisten fanden alsbald Gefallen an ihm und setzten es mit seinen klanglichen Variationsmöglichkeiten
ein. Heut zu Tage ist das Saxophon vor allem im Jazz beheimatet, jedoch auch in der modernen Blasmusik.</p> ein. Heut zu Tage ist das Saxophon vor allem im Jazz beheimatet, jedoch auch in der modernen Blasmusik.</p>
<div class="arrow" onclick="window.scrollTo({top: window.innerHeight*2, behavior: 'smooth'});"></div>
</div> </div>
<div class="page explore"> <div class="page explore">
<h1 id="sax">Entdecken Sie die Vielfalt der Saxophone</h1> <h1 id="sax">Entdecken Sie die Vielfalt der Saxophone</h1>

3
inhalte/designes/index.css
View file

@ -133,7 +133,8 @@ div.saxophones div.saxophone > img {
/*#### scroll #### */ /*#### scroll #### */
.arrow::before{ .arrow::before{
content: 'Space'; content: '\25bc';
cursor: pointer;
color: grey; color: grey;
position: absolute; position: absolute;
opacity: 0.8; opacity: 0.8;