首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >忽略文档长度中的绝对位置分区

忽略文档长度中的绝对位置分区
EN

Stack Overflow用户
提问于 2013-01-16 05:08:19
回答 1查看 114关注 0票数 0

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

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

现在有了标签,其中有几个在页面下放置了几千像素,这意味着它们正在拉伸页面,因此在垂直滚动分页开始之前有一个巨大的空白。

我试过了

  • 最初通过Jquery隐藏所有div
  • 把它们包在一个div里浮起来
  • 不同z指数
  • 设定身体高度的变化。

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

如果这有帮助的话:

对于我使用的选项卡: TabSlideOut - http://www.building58.com/examples/tabSlideOut-muliple.html

用于滚动分页- tools/jQuery/scrollExtend/latest/jquery.scrollExtend.example.html

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-16 06:42:40

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

当简单的.hide()不是我所需要的时候,我发现有用的东西是在视图端口之外“隐藏”内容。(我在雪碧地图上碰到过这个问题。)

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

代码语言:javascript
运行
复制
.hidden{position: absolute; top: -9999px !important; left: -9999px !important;}

重要的是..。嗯,很重要。简单地说,如果一个类有!重要的,而另一个类没有,那么通常情况下,一个类是优先的。如果您开始使用JQuery传递CSS操作,您可能最终会推翻!重要。

然后,我将这个类分配给我需要的<div>。我还创建了一个-[ 小提琴 ]-来演示将内容导入视图端口的两种方法。

第一个(aTab)使用.hidden技术。第二个(bTab)使用一个.slideToggle(),您可以为下一组要加载的内容实现该.slideToggle(),也可以结合silder插件实现它。

希望这能帮上忙!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14351741

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档