JQuery 偏移和滚动顶部问题
JQuery Offset and ScrollTop Problems
我正在尝试根据窗口中的滚动位置固定元素位置。
我认为这就像获取固定元素应该固定的元素的偏移量一样简单,然后当 window.scrollTop 等于它时添加 CSS,但这很奇怪。
元素的偏移量似乎大于 scrollTop 最大的数字。
还有其他方法可以让它工作吗?
我希望它在滚动页脚方面具有与此相同的功能;
http://be.blackberry.com/
但是我不想克隆元素,我想检测它何时到达页面底部附近,然后更改元素底部的位置。
提前谢谢。
乙
这应该有助于您朝着正确的方向前进:
var footer = $("#footer");
// min amount to show when not scrolled to the bottom of the page.
var minVisable = 25;
$(parent.document).scroll(function() {
// check position
if (window.scrollY + window.innerHeight + minVisable > $("html").height()) {
// if at the bottom of the page, stick the footer to it
footer.css("position","absolute").css("top", $("html").height() - footer.height());
} else {
// else keep top part of footer on the screen
footer.css("position","fixed").css("top", window.innerHeight - minVisable );
}
});
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 将PHP变量传递给jQuery时遇到问题
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 当前用户顶部列表的曲目快照出现间歇性问题
- ul标签顶部的问题
- 修复了在页面顶部滚动时居中导航的问题
- JQuery 偏移和滚动顶部问题
- 如果 Div 放置在 img 标记的顶部,则不会在 Div 上触发鼠标关闭事件 - 问题仅在 IE 中
- Chrome中的粘性顶部条形图渲染问题
- Twitter引导程序:修复用户滚动经过导航栏时导航栏顶部的问题
- 将窗口移动到顶部时出现问题
- jquery在更新面板中滚动页面到页面顶部的问题
- 在页面顶部显示标题-滚动事件重新触发问题
- jQuery中显示/隐藏函数的问题.跳到文档的顶部
- 顶部幻灯片菜单问题
- Dojo堆叠柱状图问题在堆叠的顶部添加总堆叠值
- 无法解决引导程序下拉菜单中顶部菜单的隐藏问题
- 谷歌铬问题与固定位置和利润顶部
- Jquery滚动到顶部高度问题
- jQGrid事件viewGridRow的顶部和左侧选项的问题,无法解析光标位置