Results 1 to 4 of 4

checkbox soll scrollen verhindern

  1. #1 Reply With Quote
    Krieger
    Join Date
    Jun 2012
    Posts
    402
    Ich habe mir ein Hamburger-Menü gecodet.

    Da ist eine Checkbox und wenn man die Checkbox an-checked, dann geht der Inhalt der Seite 800px nach unten und es wird eine Nav-Leiste offenbart, die die ganze Zeit im Hintergrund war und die 100vh hoch ist, also den ganzen Screen einnimmt.

    Aber man kann dann immer noch nach unten scrollen und den Rest der Seite angucken, während aber die Position des Headers und der Nav-Leiste fix ist. Das sieht komisch aus.

    Ich möchte, dass, wenn die Checkbox gecheckt ist und man also die Nav-Leiste sieht, man dann nciht mehr nach unten scrollen kann.
    Ich würde vermuten, dass man das vielleicht mit "overlay: hidden" machen kann, oder so? Aber ich weiß nicht, wo das hin muss.

    Oder wie kann man verhindern, dass der User auf der ganzen Seite nach unten scrollen kann?
    Gothicforum is offline

  2. #2 Reply With Quote
    Krieger
    Join Date
    Jun 2012
    Posts
    402
    Und kann ich es machen, dass der Header
    position: relative (oder so) ist, also beim Scrollen wie der Rest der Seite hoch geht,
    aber wenn man den Haken bei der Checkbox setzt,
    dann ist die Position vom Header absolute,
    sodass dann beim Scrollen der Header immer oben am Rand bleibt?
    Gothicforum is offline

  3. #3 Reply With Quote
    Ehrengarde Progrinator's Avatar
    Join Date
    Apr 2018
    Posts
    2,061
    Ja kann man fixen. Ich glaube mit Position: Absolut würde mich aber nicht drauf fest nageln.
    PC: Ryzen 7 3700x | 32GB RAM | GeForce 960 4GB | 1TB+240GB SATA SSD | 2TB HDD | 1TB M2 |
    Laptop: i5 7300HQ | 8GB RAM | GeForce 1050 4GB | 120GB SSD | 1TB HDD |
    Konsolen: PS4 | PS2 | GameCube | Gameboy SP | Nitendo Switch|
    Progrinator is offline

  4. #4 Reply With Quote
    Krieger
    Join Date
    Jun 2012
    Posts
    402
    ja, aber wie verbinde ich das mit der checkbox?
    Gothicforum is offline

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •