How do I use disable scrolling on click in jQuery?

Question

Trying to disable scrolling if the user clicks a button. I have tried:

$(window).bind('scroll');

Inside a click function, but that doesn't work. Could someone help me? I have looked around and couldn't find a straight answer or a working solution.

What is initializing the scrolling? Depending on the element, you could use $(element).click(function(event){ event.preventDefault(); }); — Christopher Marshall
– Christopher Marshall, Commented Sep 29, 2014 at 20:48
When users click on buttons it shouldn't scroll at all. I am missing information.. — Alex Denysenko
– Alex Denysenko, Commented Sep 29, 2014 at 20:48

Control Freak · Accepted Answer · 2014-09-29 20:51:07Z

3

Use CSS:

body{overflow:hidden;}

jQuery:

$("button").click(function(){
  $("body").css("overflow","hidden");
});

answered Sep 29, 2014 at 20:51

Control Freak

13.2k31 gold badges101 silver badges150 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Control Freak Over a year ago

@BojanPetkovski It disables scrolling. I'd make a fiddle, but it won't be functional through the jsfiddle app.

Community · Accepted Answer · 2017-05-23 10:28:34Z

0

You can try with this

$("button").click(function(){
  $(".div").css({
    'overflow' : 'hidden',
     'height' : '100%'
 });
});

This answer is reference from How to programmatically disable page scrolling with jQuery

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Sep 29, 2014 at 20:58

Rahul Dess

2,6672 gold badges23 silver badges43 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:50:42Z

-1

The following JSFiddle snippet also disables scrolling through the Arrow Keys or PageUp/Down Keys:

JSFiddle

Mainly the method:

(...)

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', wheel, false);
  }
  window.onmousewheel = document.onmousewheel = wheel;
  document.onkeydown = keydown;
}

(...)

Reference here.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Sep 29, 2014 at 21:07

jsfrocha

1,8502 gold badges21 silver badges32 bronze badges

1 Comment

agon024 Over a year ago

This is not jQuery as the op has requested.

Collectives™ on Stack Overflow

How do I use disable scrolling on click in jQuery?

3 Answers 3

Use CSS:

jQuery:

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Use CSS:

jQuery:

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related