忽略文档长度中的绝对位置Div

时间:2013-01-16 05:08:19

标签: jquery html css

基本上我有几个绝对位置div,这些只是当点击打开并显示内容时的标签。

我也有垂直滚动分页(就像Facebook与永久滚动一样)。

现在有了标签,其中有几个位于页面下方数千个像素,这意味着它们会拉伸页面,因此在垂直滚动分页开始之前会出现巨大的白色间隙。

我试过

  • 最初通过Jquery隐藏所有div
  • 将它们包裹在div中并浮动
  • 不同的z-index
  • 设置身高的变化。

我的目标是强迫浏览器以某种方式忽略它们。

这有助于:

对于我正在使用的标签:TabSlideOut - http://www.building58.com/examples/tabSlideOut-muliple.html

滚动分页 - http://www.contextllc.com/dev_tools/jQuery/scrollExtend/latest/jquery.scrollExtend.example.html

1 个答案:

答案 0 :(得分:0)

我希望我能理解你的问题: 你有一个绝对位置的div,你需要能够隐藏它们直到页面上发生一个事件。

我认为有用的东西是"隐藏"当一个简单的.hide()不是我需要的东西时,在视口上的内容。 (我用精灵地图遇到了这个问题。)

我使用的一种方法是创建一个CSS类.hidden并使用以下命令调用它:$(selector).addClass('hidden');

.hidden{position: absolute; top: -9999px !important; left: -9999px !important;}

!重要的是......好吧,重要的。简单地说,如果一个班级有重要的,而另一个班级没有,那么通常会优先考虑。如果你开始使用JQuery来传递CSS操作,你可能最终会推翻!important。

然后我将这个课程分配给我需要的<div>。我还创建了一个 - [jsfiddle] - 来演示将内容带入视口的两种方法。

第一个(aTab)使用.hidden技术。第二个(bTab)使用.slideToggle(),你可以为你想要加载的下一组内容实现,或者与你的silder加载项一起使用。

希望这有帮助!