当滚动位置在底部时,使固定位置div保持原位

时间:2011-08-12 20:57:42

标签: jquery css

我有一个位于bottom:0的固定位置div。当我向下滚动到$('html').height()-200时,我希望我的固定位置divposition: absolute; top: $('html').height)-200

关于如何使这项工作的任何想法?

我非常接近,但如果你的浏览器窗口太高,代码就会变得很糟糕。

我的代码中的问题在于

    $('html,body').height()-800;

这是一个例子。请注意,您的浏览器需要具有一定的大小才能正常工作。 jsFiddle示例中的“800”整数是一个任意数字,代码的那部分是我不知道如何修复的。

http://jsfiddle.net/HVhLw/11/

3 个答案:

答案 0 :(得分:0)

试试这个

$('html,body').height($('html,body').height()-1050);

而不是

$('html,body').height()-1050;

答案 1 :(得分:0)

使用jQuery waypoints在需要时更改div的定位行为。

答案 2 :(得分:0)

我自己想出来了,谢谢那些帮助过的人。当你想要一个固定的:位置div在滚动一定数量之后保持原样,你的scrollTop()条件应该是:

($(document).height()-$(window).height())-200

$(document).height()是页面的高度

$(window).height()是视口的高度

200是你希望你的div“坚持”到

的视口底部的距离
相关问题