已解決430363個問題，去搜搜看，總會有你想問的

js懸浮代碼有沖突

首頁猿問 js懸浮代碼有沖突

js懸浮代碼有沖突

JavaScript

蝴蝶不菲 2018-09-14 14:14:36

這個是懸浮在頂部代碼 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); 這個是懸浮在底部代碼 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); 上面兩個代碼有些沖突，請問是哪里不對呢？

查看完整描述

1 回答

偶然的你

TA貢獻1841條經驗獲得超3個贊

換個函數名字就行了；

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);

如果放在一起，可以這樣寫：

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);

反對回復 2018-10-08

1 回答
0 關注
570 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

js懸浮代碼有沖突

js懸浮代碼有沖突

1 回答

添加回答