Scroll-Bereich eines Buttons innerhalb einer Grid-Area
bearbeitet von
Hallo liebe Forumer,
seid gestern plage ich mich mit einer Sache herum
Der bläulich einfärbte Bereich ist meine betroffene Grid-Area
~~~ HTML
.top-link {
grid-area: main-content / main-nav;}
~~~
[Link zur Problemseite](http://misanthrop.bplaced.net/test/public/Testseite-V10a.html)
[](/images/eca3bfae-f386-11ee-a02e-9c6b00263d9f.jpg)
In diesem Bereich soll ein Scroll-Up Button welcher erst nach ein wenig herunter-scrollen erscheinen soll (im sichtbaren Bereich wäre er ja unsinnig), dann schließend mit auf- oder abscrollt sodass er immer angeklickt werden könnte.
Nach diesem Prinzip: [Ein Gif als Demo](https://res.cloudinary.com/practicaldev/image/fetch/s---2ipqqv0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1rrsiqwgd9esolcwvbkq.gif)
Es muss also ein scrollbereich geben, aber erst wenn ein wenig weiter heruntergescrollt wird, der bis ganz nach unten zum grid-row-end reicht.
Momentan habe ich keine Vorstellung wie man da herangeht.
Ich möchte lediglich einen Ansatz sodass ich es mir besser Vorstellen kann, keine Komplettlösung.
Grüße der einsiedelnde