CODEWITHSUNDEEP
javascriptjqueryhtmlcssscroll
Erick
Erick

Reputation: 15

Enable/disable scrolling on button click

Is there a simple way to do this? I have a website with a flip animation(on buttonclick), wich has two sides. The frontpage has to cover the viewport height and width. The backpage is a little longer, especially on mobile devices. Unfortunately the length of the backpage causes the frontpage to be the same height. So i have a grey background color area underneath the cover of the frontpage..

My idea was to make the flip button also enable and disable scrolling. I've tried some things but javascript and jquery are not my specialty(at all). So can somebody provide me a little piece of code to add to the flipbutton?

Upvotes: 0

Views: 9466

Answers (2)

user3818383
user3818383

Reputation: 170

You'll need to set this on the click event:

body {
 overflow: hidden;
}

Here's an example.

Upvotes: 2

zdszsdasd
zdszsdasd

Reputation: 18

I presume you could set the overflow: none on the div you want to stop scrolling (or the body) when the button is clicked.

Upvotes: 1

Related Questions