Капля элемента в тело ниже его высоты

-1

У меня есть jsfiddle здесь - http://jsfiddle.net/az47U/3/ - с галереей div и холст div, оба сидят в теле. Оба divs абсолютно расположены так, что они не ничего не способствуют росту. Я дал телу высоту 100 пикселей, чтобы дать ему некоторое присутствие. В поле «Галерея» есть красная коробка для перетаскивания, а «Холст» и «тело» - это оба, которые будут принимать этот флажок. Droppables становятся коричневыми, когда красный ящик над ними.Капля элемента в тело ниже его высоты

Мой вопрос: как я могу опустить красный ящик в тело на «X» или в любой точке, которая ниже 100px определенной высоты?

X в теле, потому что, когда я бросаю красный прямоугольник в верхней 100px тела, что область получает коричневый цвет парения. Вы также можете увидеть «X» в DOM между <body>. , , </body> теги.

Благодаря

<div id="gallery">Gallery 
    <div id="redBox"></div> 
</div> 
<div id="canvas">Canvas</div> 
<div id="x">X</div>

источник

2013-10-13 Steve

X - это элемент внутри тела, но это элемент, который не помечен как droppable. Разве вам не нужно было бы отмечать его как droppable (принято), прежде чем он примет перетаскиваемый? –

Я действительно не хочу бросать его на элемент X. Я просто бросил в «Х», чтобы отметить место на теле, куда хочу упасть. В принципе, я хочу сбросить красный ящик в теле, сбросив его в любом месте ниже 100px определенной высоты. – Steve

Может ли кто-нибудь ответить на мой вопрос, дать какое-то объяснение? Они, кажется, предполагают, что я не знаю о высоте тела, и это простое решение . Я знаю о высоте тела, и это не решение. Вопрос заключается в том, как удалить элемент в теле в точке _ ниже, чем высота тела. Увеличение роста не является ответом. – Steve

Дайте вашему телу больше высоты. «X» находится вне потока элемента body, который в этом сценарии составляет всего 100 пикселей. X, по прямому назначению, находится вне тела.

Например, вы можете поместить canvas DIV как относительные, дать ему top значения 0, чтобы держать его в верхней части body, и тогда ваша body высоты не будет соответствовать высоте canvas DIV независимо от того, сколько в него попадают неизвестные элементы.

div#canvas { 
    position: relative; 
    top: 0; 
}

источник

2013-10-13 23:57:42

Вопрос: «Как я могу удалить элемент в теле в точке ниже определенной высоты тела?». Ответ не «Измените высоту». Приложение здесь - строитель сайта, где люди постоянно создают и добавляют новый контент в Canvas div. В любой момент они должны быть в состоянии подойти слева от последнего добавленного ими элемента и отбросить изображение в область крыльев на этой глубине и «ударить» по телу, чтобы изображение было правильно добавлено в тело. Я не знаю, насколько глубоко будет холст, когда они это сделают, поэтому я не могу установить произвольную высоту для тела. – Steve

Капля элемента в тело ниже его высоты

ответ

Смежные вопросы