Why is can’t I scroll down? (HTML/CSS) - Replit

Skip to content

← Back to Community

Why is can’t I scroll down? (HTML/CSS)

Hey,

So open the repl in a new tab. For me, I’m trying to scroll down, but it doesn’t let me, like I can scroll down and keep my finger on the screen, but once I let go, it’s like a spring, it goes back up. I’m on ipad. Maybe it works on computer...?

Or maybe I’m doing something wrong.

Thanks for any help!
=)

Answered by Coder100 [earned 5 cycles]

Voters

Comments

Hello, that's because the bottom nav is covering up the div.
Just add some more margin-bottom and it'll be fixed.

.div1 {
/*...*/
margin-bottom: 500px; /* add more or less based on your choice */
}

Thanks! It worked! :) @Coder100

yay! No problem :) @Bookie0

i can scroll down, your footer is in the way though

add some padding to the bottom of your div1 class

Thanks for the help, @Coder100 suggested to use margin-bottom Thanks anyways! :) @CodingCactus

@Bookie0 yeah, do what you want, both work

@Bookie0 just depends what you are using it for

Ok thx @CodingCactus

@Bookie0 also you might want to change your title so it isn't repl.it lol

Oh yeah but this isn’t a professional website (luckily) and it was just to kinda practice the html. @CodingCactus

@Bookie0 it is good practise to add proper meta tags though

Oh yeah thanks! @CodingCactus

Oh that's weird, it works for me... I think it has something to do with how "About Me" and "My Projects" buttons are overlapping the screen. but that is actually a cool website layout. I like the buttons

Thanks! Yeah maybe it’s buttons, do you know any solution? @DynamicSquid

@Bookie0 oh no sorry, I don't know that much HTML

@Bookie0 oh, maybe try position: sticky?https://developer.mozilla.org/en-US/docs/Web/CSS/position

Oh well it’s ok thanks anyways @DynamicSquid

No the position: sticky; doesn’t work.
Hopefully someone else can help, but thanks anyways =) @DynamicSquid

@Bookie0 oh, a cactus and cookie have arrived to help you!

Lol yeah @DynamicSquid