Jquery检测滚动后页面顶部的坐标
jquery detect coordinate of top of page after scrolling
我有一个'后退按钮',我想坚持到头部,直到你滚动到某一点(所以我有它的绝对定位,但希望它定位'固定'当你滚动到头部)。
有点像这里的"GAMEHQ"部分:http://scores.espn.go.com/mlb/preview?gameId=311027124
有什么建议吗?谢谢!
为您提供有关页面位置的信息的函数是scrollTop()。有了它,你可以检测你是否超过了某个点,然后修改一个项目的CSS使其成为position: fixed
,例如。
下面是一个例子:
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() >= 120) {
$('#topThing').css('position', 'fixed');
} else {
$('#topThing').css('position', 'relative');
}
});
});
这里有一个JSFiddle显示它是如何工作的
这个例子使用jQuery,但是可以很容易地修改。这个函数应该接近你想要的。100
是你想要改变你的#nav类的页面的像素数。在你的CSS中,你会想要确保你有一个#nav.scrolling
声明来处理position: fixed
的变化。
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$("#nav").addClass("scrolling");
}
});
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 如何在d3.js中返回路径的y坐标
- 在谷歌地图上获取事件的x,y坐标
- jQuery粘性插件可变顶部间距
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用jQuery更改元素的顶部位置
- 背景图像顶部的滚动图像不移动
- 滚动然后捕捉到顶部而不是取消捕捉
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在JS Leatflet绘图插件中获取圆的坐标
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 查找带有边框的HTML5 Canvas(点击)事件的坐标
- HTML5获取弧的坐标's结束
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- 如何在离子框架+有角度的框架中制作顶部标签
- 计算“;“左”;以及“;顶部“;来自固定位置浮动元素的值
- 获得旋转的顶部和左侧坐标
- css3旋转顶部和左侧坐标
- Jquery检测滚动后页面顶部的坐标