第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

修復(fù)了頁面標(biāo)題與頁面上的錨點重疊的問題

修復(fù)了頁面標(biāo)題與頁面上的錨點重疊的問題

藍(lán)山帝景 2023-07-06 17:45:33
當(dāng)我單擊任何錨鏈接時,我的標(biāo)題與該部分的實際內(nèi)容重疊。是否可以將其移動到該部分的頂部?我已經(jīng)在尋找一些解決方案,但它們并不適合我。我嘗試向這些部分添加一個錨類,并且還嘗試了scroll-margin-top,但效果不佳。//header Effekt beim scrollen$(function() {  var shrinkHeader = 100;  $(window).scroll(function() {    var scroll = getCurrentScroll();    if (scroll >= shrinkHeader) {      $('#navbar').addClass('shrink');    } else {      $('#navbar').removeClass('shrink');    }  });  function getCurrentScroll() {    return window.pageYOffset || document.documentElement.scrollTop;  }});// JavaScript Document$(document).ready(function(){    var navTop = $('#navbar').offset().top;var navHeight = $('#navbar').height();var windowH = $(window).height();$('.section').height(windowH);$(document).scroll(function(){    var st = $(this).scrollTop();        //for the nav bar:    if(st > navTop ){        $('#navbar').addClass('fix');        $('.section:eq(0)').css({'margin-top':navHeight});//fix  scrolling issue due to the fix nav bar    }else{        $('#navbar').removeClass('fix');        $('.section:eq(0)').css({'margin-top':'0'});    }        $('.section').each(function(index, element) {        if(st + navHeight > $(this).offset().top && st + navHeight  <= $(this).offset().top + $(this).height()  ){            $(this).addClass('active');                         var id = $(this).attr('id');            $('a[href="#'+id+'"]').parent('li').addClass('active');            // or $('#nav li:eq('+index+')').addClass('active');        }else{            $(this).removeClass('active');                        var id = $(this).attr('id');            $('a[href="#'+id+'"]').parent('li').removeClass('active');            //or $('#nav li:eq('+index+')').removeClass('active');        }            });    });    });//
查看完整描述

1 回答

?
蕪湖不蕪

TA貢獻(xiàn)1796條經(jīng)驗 獲得超7個贊

請在您的 css 代碼中嘗試一下:我剛剛將 top:0 添加到您的導(dǎo)航欄代碼中,并將 margin-top 添加到 html 中的下一個元素,即該部分。我認(rèn)為 spacer div 沒有必要。


#navbar {

  border-bottom-style: solid;

  border-bottom-width: 1.25px;

  box-shadow: 0px 2.5px 5px rgba(0, 0, 0, 0.2);

  background-color: white;

  height: 128px;

  transition: 0.32s;

  position: fixed;

  top:0;

  width: 1280px;

}


body {

margin-top: 128px;

}


查看完整回答
反對 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號