Skip to content
← Back to Community
Why is can’t I scroll down? (HTML/CSS)
Profile icon
Bookie0

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]
View Answer
Voters
Profile icon
Setback24
Profile icon
ShaziaKamboh
Profile icon
Bookie0
Comments
hotnewtop
Profile icon
Coder100

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 */ }
Profile icon
Bookie0

Thanks! It worked! :) @Coder100

Profile icon
Coder100

yay! No problem :) @Bookie0

Profile icon
CodingCactus

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

Profile icon
CodingCactus

add some padding to the bottom of your div1 class

Profile icon
Bookie0

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

Profile icon
CodingCactus

@Bookie0 yeah, do what you want, both work

Profile icon
CodingCactus

@Bookie0 just depends what you are using it for

Profile icon
Bookie0
Profile icon
CodingCactus

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

Profile icon
Bookie0

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

Profile icon
CodingCactus

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

Profile icon
Bookie0

Oh yeah thanks! @CodingCactus

Profile icon
DynamicSquid

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

Profile icon
Bookie0

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

Profile icon
DynamicSquid

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

Profile icon
DynamicSquid

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

Profile icon
Bookie0

Oh well it’s ok thanks anyways @DynamicSquid

Profile icon
Bookie0

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

Profile icon
DynamicSquid

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

Profile icon
Bookie0