Scroll Bar Is Coming Often , While I Mouse Over On Some Specific Divs

Question

1.00/5 (1 vote)

See more:

Dear all,

scroll bar is coming often , while i mouse over on some specific div, but i have checked with other screens there is no problem as i seen, so anyone could help me to solve this

thanks in advance

Velsamy

Posted 9-Sep-14 22:49pm

avelsamy

Updated 10-Sep-14 2:31am

v2

Add a Solution

Comments

Gihan Liyanage 10-Sep-14 5:09am

Its is better if you can post that specific divs on here, No people here that they can see your screen.

1 solution

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)

Afzaal Ahmad Zeeshan · Answer 1 · 2014-09-10T04:58:00

The problem that you're having is a style related issue. When you hover over to some element, the element gets some more borders or paddings or margins. Which causes its size to be changed. In this case, its size enlarges causing the scroll bar to come out.

There are some hacks for this, first one is to make sure the body element always takes up a part of the screen, like this

JavaScript

// set the body's height to be the 100 less than the screen's height..
document.getElementById("body").style.height = screen.height - 100;

..or you can use the CSS to tackle this, and you can make sure that upon any hover event (mouse over) the size of the objects don't change.