How to remove the scroll bar of browser?

Question

0.00/5 (No votes)

See more:

hi all,
can anybody tell me how to hide the scroll bar of browser when image is displaying on model popup box? i am using master page concept, images are on content page.
thanks in advance.

Posted 3-Jul-12 19:28pm

Raje_

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tejas Vaishnav · Answer 1 · 2012-07-03T19:34:00

Solution 1

Put this code in your page.
it will remove both scroll bars from your page

XML

<script type="text/javascript">
$(document).ready(function() {
    $("body").css("overflow", "hidden");
    $("body").css("overflow-x", "hidden");
    $("body").css("overflow-y", "hidden");
});
</script>

Posted 3-Jul-12 19:34pm

Tejas Vaishnav

Comments

Raje_ 4-Jul-12 3:18am

thanks tejas for reply, can you please tell me how can i call this function on imagebutton onclientclick event.

Sandeep Mewara · Answer 2 · 2012-07-03T19:44:00

Solution 2

Just put this CSS in your stylesheet for both master & content page:

CSS

body{
overflow:hidden;
}

Posted 3-Jul-12 19:44pm

Sandeep Mewara

Comments

Raje_ 4-Jul-12 2:04am

thanks for reply but this code will hide the scroll bar for page even when image is not displaying on model popup box, i dont want that, i want to work this code only when any user clicks the image and image displays on model pop up box.

Sandeep Mewara 5-Jul-12 2:19am

Put this on modal window css!

Raje_ 5-Jul-12 3:46am

thanks, i solved it by javascript function.

Sandeep Mewara 5-Jul-12 4:14am

Welcome.