您的位置：首页 > 其它

当导航栏滚动到浏览器顶部时，固定导航栏

2016-04-12 16:15 441 查看

获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。

代码如下

复制代码

•$(function(){

•//获取要定位元素距离浏览器顶部的距离

•var navH = $(".nav").offset().top;

•//滚动条事件

•$(window).scroll(function(){

•//获取滚动条的滑动距离

•var scroH = $(this).scrollTop();

•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定

•if(scroH>=navH){

•$(".nav").css({"position":"fixed","top":0});

•}else if(scroH<navH){

•$(".nav").css({"position":"static"});

•}

•})

•})

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航