forked from Alpha/Epic-Sax
Enhance scroll indicator functionality
This commit is contained in:
parent
f1015b9c32
commit
3557efcd66
2 changed files with 4 additions and 2 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue