2012-02-26 19 views
6

什么是解决方法,以允许可滚动的overflow元素从左侧和顶部负向定位?溢出(滚动)与负的“左”和“顶”定位元素一起工作

here in example (jsFiddle)一样,只有3个红色正方形可见,并且不会切换滚动。虽然有6个正方形,但其中3个位于顶部的负值。

+0

只是想知道,为什么你使用负面的立场,然后希望他们像负面边缘内的常规元素流动? – 2012-02-26 10:44:57

+0

我不希望它们像常规元素那样流动,它只是这个特殊的例子。请参阅http://jsfiddle.net/m85Na/(我的应用程序生成的另一个结果)。 – jolt 2012-02-26 10:51:58

+0

这是你想到的[种效果](http://jsfiddle.net/pb4bh/3/)吗? Nevermind额外的盒子,我想知道滚动的行为。 – 2012-02-26 10:59:10

回答

2

我能想到的唯一的办法是包装在一个div广场相同的高度,他们和使用jQuery的scrollTop的()方法:http://www.w3schools.com/jquery/css_scrolltop.asp但是这也将迫使包装格下方的水平滚动条...简短回答:没有纯CSS的解决方案,并且定位它们绝对避免了此解决方案的滚动 - 如果要使用此方法,请尝试向左浮动并清除每行。

-1

你需要把它包裹另一个div并给它溢出属性。

http://jsfiddle.net/pb4bh/1/

+0

这似乎只工作,因为有填充添加到包装的div在儿童溢出​​量。如果应用程序是动态的,我不认为它会工作,至少不是没有一些JS逻辑来改变填充,因为东西被移动 – 2013-10-15 18:09:53

0

我有同样的问题,我能找到的唯一解决方案是使用JavaScript(我没有在这个项目中使用jQuery)设置min-height & min-width

相关问题