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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

js懸浮代碼有沖突

js懸浮代碼有沖突

蝴蝶不菲 2018-09-14 14:14:36
這個(gè)是懸浮在頂部代碼     var header = document.querySelector('header');        var origOffsetY = header.offsetTop;        function onScroll(e) {          window.scrollY >= origOffsetY ? header.classList.add('head_fixed') : header.classList.remove('head_fixed');        }        document.addEventListener('scroll', onScroll);     這個(gè)是懸浮在底部代碼    var aside = document.querySelector('aside');    var origOffsetY = aside.offsetTop;    function onScroll(e) {      window.scrollY >= origOffsetY ? aside.classList.add('aside_fixed') : aside.classList.remove('aside_fixed');    }    document.addEventListener('scroll', onScroll);    上面兩個(gè)代碼有些沖突，請(qǐng)問(wèn)是哪里不對(duì)呢？
查看完整描述

1 回答

?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個(gè)贊

換個(gè)函數(shù)名字就行了；

var header = document.querySelector('header');

var origOffsetY = header.offsetTop;

function onScrollHeader(e) {

    window.scrollY >= origOffsetY ? header.classList.add('head_fixed') : header.classList.remove('head_fixed');

}

document.addEventListener('scroll', onScrollHeader);

var aside = document.querySelector('aside');

var origOffsetY = aside.offsetTop;

function onScrollAside(e) {

    window.scrollY >= origOffsetY ? aside.classList.add('aside_fixed') : aside.classList.remove('aside_fixed');

}

document.addEventListener('scroll', onScrollAside);

如果放在一起，可以這樣寫(xiě)：

var header = document.querySelector('header');

var aside = document.querySelector('aside');

var origOffsetY = aside.offsetTop;

function onScroll(e) {

    if( window.scrollY >= origOffsetY ){

        header.classList.add('head_fixed')

        aside.classList.add('aside_fixed');

    }else{

        header.classList.remove('head_fixed');

        aside.classList.remove('aside_fixed');

    }

}

document.addEventListener('scroll', onScroll);


查看完整回答
反對(duì) 回復(fù) 2018-10-08
  • 1 回答
  • 0 關(guān)注
  • 565 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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