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


    获取元素(这里定位元素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"});

    •}

    •})

    •})

  • 相关阅读:
    【二食堂】Alpha
    【二食堂】Alpha
    【二食堂】Alpha
    【二食堂】Alpha
    【二食堂】Alpha
    【二食堂】团队贡献分分配规则
    【二食堂】Alpha
    【二食堂】Alpha
    Scrum Meeting 10
    Scrum Meeting 9
  • 原文地址:https://www.cnblogs.com/liuyanxia/p/5383138.html
Copyright © 2020-2023  润新知