jquery - 当我距底部 250 像素(为了论证起见)时,如何使页面上出现一个与底部对齐的栏?

标签 jquery html alignment

我见过当您使用 jQuery 滚动到某个点(例如: http://jsfiddle.net/2rhrc/ )时,菜单固定在页面顶部的脚本。我知道我可以在底部对齐 a 。但是,我可以使用 jQuery 滚动到基于页面底部的某个点(在我的问题中,我建议 250px,但这可以改变)并使我的栏淡入并保持固定在底部?当我从底部滚动超过 250 像素时,该栏会淡出,但当我达到 250 像素或更低时,该栏会淡入。我发现了很多从页面顶部开始测量的数据,但我在底部找不到任何数据。

我想用它在我的 WordPress 博客中显示上一个/下一个帖子栏。我不知道如何最好地做到这一点,无论是使用 Wordpress 插件还是为我的 div 自定义脚本,并使用 Wordpress 插入下一个/上一个链接。我想完全控制风格,所以我寻找了预制的插件来看看可以做什么。任何帮助都会很棒。

要了解我的意思,请参阅 http://www.buzzingup.com/2011/07/how-to-transfer-your-facebook-photos-to-google-plus/ 。我知道它使用 jQuery,但我似乎找不到使用的插件。

最佳答案

确定距离页面底部是否小于 250 像素的基本数学:

$(document).height() - $(window).height() - $(window).scrollTop() < 250

一个工作示例:http://jsfiddle.net/9xDxE/ .

您需要决定当显示的页面没有滚动条时要做什么。

关于jquery - 当我距底部 250 像素(为了论证起见)时,如何使页面上出现一个与底部对齐的栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6571791/

相关文章:

jquery - 从内容脚本引用时,扩展程序中的图像显示为损坏的链接

javascript - 根据下拉菜单更新隐藏输入

php - 从 php 文件获取 Json

html - 带有图形说明的复杂圆框

html - 如何制作看起来不像按钮的 Glyphicon 按钮

gcc - ARM 的 gcc 代码源上的 memcpy

HTML 文本和图像未正确对齐

javascript - jQuery 将 data-* 属性转换为小驼峰属性

javascript - jQuery:检测 Flexbox 内的位置

CSS 表格无法正确对齐图像