ansaurus

Question

Handling Scroll bars with jQuery event Drag and Drop

Answer 1

+1 A:

Withouth seeing the actual code, i guess overflow:hidden could solve this?

Peter Smeekens 2010-07-26 11:19:28

`overflow:hidden` has no effect as the `toy` divs are absolutely positioned.

Mithun P 2010-07-26 11:39:00

see my answer above, overflow:hidden *should* be the solution

michael 2010-08-11 15:56:17

Answer 2

A:

You can used scrollTo plugin http://demos.flesler.com/jquery/scrollTo/ to work with scrollbars

JQuery Guru 2010-08-06 13:32:24

Answer 3

A:

the example below shows that overflow:hidden does indeed do what you're asking. Something is up with your code, but we can't help you unless you post it!

alt text

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
        <title>Example</title>

        <style type="text/css">

            #container {
                background-color:#ddddff;
                height:300px;
                overflow:hidden;
                position:relative;
                width:300px;
            }

            #container .child {
                background-color:#ddffdd;
                height:50px;
                position:absolute;
                width:50px;
            }

            #container .child1 {
                left:100px;
                top:70px;
            }

            #container .child2 {
                left:270px;
                top:170px;
            }

        </style>
    </head>

    <body>

        <div id="container">
            <div class="child child1"></div>
            <div class="child child2"></div>
        </div>

    </body>
</html>

michael 2010-08-11 15:53:55

ansaurus

tags:

views:

answers:

Handling Scroll bars with jQuery event Drag and Drop

related questions