绝对定位并滚动到视图中

时间:2011-07-15 16:15:56

标签: jquery css-position

我花了好几个小时试图了解我想写的一段代码......

视图和示例,请转到http://skateboardingphoto.co.uk/skate-photos-june-2011/chet-childress-rules-are-there-to-be-broken-dude

该元素是隐藏的(因为这是一个类似的网站),所以在你的萤火虫或同等版本中,请删除样式'display:none;'从;

<div id="thumb-nav-area" style="display: none;">

(非常靠近页面底部。

该功能应该是这样 - 当点击灰色条时,额外的导航进入视线,然后再次点击时退出。

然而,它似乎是拉动页面滚动和扩展页面 - 我确信这是一个非常简单的修复,我可能正好看它,但无法弄明白!

2 个答案:

答案 0 :(得分:0)

问题是你将tumbnail区域设置到最底部(底部:0px;)并且jquery将其更改为margin-bottom:-93px;所以为了解决这个问题,你需要将底部更改为93px;

所以

#thumb-nav-area {
    // what ever
    bottom: 93px;
    // what ever
}

答案 1 :(得分:0)

什么是白痴 - 它不起作用的原因是因为我应该使用固定定位,而不是绝对...我知道这很明显!