基本上,我有几个绝对位置div,这些是简单的标签,当点击打开和显示内容。
我也有垂直滚动分页(就像Facebook对永久滚动一样)。
现在有了标签,其中有几个在页面下放置了几千像素,这意味着它们正在拉伸页面,因此在垂直滚动分页开始之前有一个巨大的空白。
我试过了
我的目的是以某种方式迫使浏览器忽略它们。
如果这有帮助的话:
对于我使用的选项卡: TabSlideOut - http://www.building58.com/examples/tabSlideOut-muliple.html
用于滚动分页- tools/jQuery/scrollExtend/latest/jquery.scrollExtend.example.html
发布于 2013-01-16 06:42:40
我希望我能理解你的问题:你有一个绝对位置的div,你需要能够隐藏它们直到页面上发生一个事件。
当简单的.hide()不是我所需要的时候,我发现有用的东西是在视图端口之外“隐藏”内容。(我在雪碧地图上碰到过这个问题。)
我使用的一种方法是创建CSS类.hidden并使用:$(selector).addClass('hidden');
调用它。
.hidden{position: absolute; top: -9999px !important; left: -9999px !important;}
重要的是..。嗯,很重要。简单地说,如果一个类有!重要的,而另一个类没有,那么通常情况下,一个类是优先的。如果您开始使用JQuery传递CSS操作,您可能最终会推翻!重要。
然后,我将这个类分配给我需要的<div>
。我还创建了一个-[ 小提琴 ]-来演示将内容导入视图端口的两种方法。
第一个(aTab)使用.hidden技术。第二个(bTab)使用一个.slideToggle(),您可以为下一组要加载的内容实现该.slideToggle(),也可以结合silder插件实现它。
希望这能帮上忙!
https://stackoverflow.com/questions/14351741
复制相似问题