Jquery - обнаружение границы тела коалиции - PullRequest
Новая
       0

Jquery - обнаружение границы тела коалиции

0 голосов
/ 12 сентября 2011

У меня проблема с перетаскиваемым меню.

Пример http://jsfiddle.net/55VJG/

Работает, конечно, но когда я перетаскиваю его на right:0px; или buttom:0px;В моем меню нет браузера.Как бы вы решили эту проблему?Возможно ли это исправить только с помощью css?

HTML 

<div id="bar">
    Open
    <div id="menu"> Bookmarks <br /> Misc <br /> Some Stuff </div>  
</div>

CSS 

body { overflow:hidden; }
#bar { width: 100px; border: 1px solid #000; background-color:#ccc; top:0px; left:0px; position:fixed; }
#menu { display:none; border: 1px solid #f00; width:200px; height:200px; background-color:#555; }

JS 

$(document).ready(function()
{
   $('#bar').draggable();         

   $("#bar").hover( 
    function () { $('#menu').show(); },
    function () { $('#menu').hide(); });

});

1 Ответ

1 голос
/ 12 сентября 2011

Вы должны использовать опцию containment: 'document', чтобы она не выходила за пределы вашей страницы.Кроме того, ширина элемента, который запускает меню, должна совпадать с шириной вашего меню.

Вот ваше раздвоенное демо .

...