@@ -141,13 +141,13 @@ navSlide();
141
141
// button move to top
142
142
const btnTop = document . querySelector ( "#movetop" ) ;
143
143
144
+ const navLinksAll = document . querySelectorAll ( ".nav-links li a" ) ;
144
145
const homeNav = document . getElementById ( "HOME-NAV" ) ;
145
146
const aboutNav = document . getElementById ( "ABOUT-NAV" ) ;
146
147
const factNav = document . getElementById ( "FACT-NAV" ) ;
147
148
const repoNav = document . getElementById ( "REPO-NAV" ) ;
148
149
const workNav = document . getElementById ( "WORK-NAV" ) ;
149
150
const contactNav = document . getElementById ( "CONTACT-NAV" ) ;
150
-
151
151
btnTop . addEventListener ( "click" , function ( ) {
152
152
document . body . scrollTop = 0 ;
153
153
document . documentElement . scrollTop = 0 ;
@@ -162,51 +162,27 @@ window.onscroll = function () {
162
162
// console.log(positionTop);
163
163
if ( positionTop > 4144 - 236 ) {
164
164
//4144
165
- homeNav . classList . remove ( "active" ) ;
166
- aboutNav . classList . remove ( "active" ) ;
167
- factNav . classList . remove ( "active" ) ;
168
- repoNav . classList . remove ( "active" ) ;
169
- workNav . classList . remove ( "active" ) ;
165
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
170
166
contactNav . classList . add ( "active" ) ;
171
167
} else if ( positionTop > 3439 - 236 ) {
172
168
//3439
173
- homeNav . classList . remove ( "active" ) ;
174
- aboutNav . classList . remove ( "active" ) ;
175
- factNav . classList . remove ( "active" ) ;
176
- repoNav . classList . remove ( "active" ) ;
169
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
177
170
workNav . classList . add ( "active" ) ;
178
- contactNav . classList . remove ( "active" ) ;
179
171
} else if ( positionTop > 3039 - 236 ) {
180
172
//3039
181
- homeNav . classList . remove ( "active" ) ;
182
- aboutNav . classList . remove ( "active" ) ;
183
- factNav . classList . remove ( "active" ) ;
173
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
184
174
repoNav . classList . add ( "active" ) ;
185
- workNav . classList . remove ( "active" ) ;
186
- contactNav . classList . remove ( "active" ) ;
187
175
} else if ( positionTop > 1950 - 236 ) {
188
176
//1950
189
- homeNav . classList . remove ( "active" ) ;
190
- aboutNav . classList . remove ( "active" ) ;
177
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
191
178
factNav . classList . add ( "active" ) ;
192
- repoNav . classList . remove ( "active" ) ;
193
- workNav . classList . remove ( "active" ) ;
194
- contactNav . classList . remove ( "active" ) ;
195
179
} else if ( positionTop > 477 - 236 ) {
196
180
//477
197
- homeNav . classList . remove ( "active" ) ;
181
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
198
182
aboutNav . classList . add ( "active" ) ;
199
- factNav . classList . remove ( "active" ) ;
200
- repoNav . classList . remove ( "active" ) ;
201
- workNav . classList . remove ( "active" ) ;
202
- contactNav . classList . remove ( "active" ) ;
203
183
} else if ( positionTop > 0 ) {
184
+ navLinksAll . forEach ( ( all ) => all . classList . remove ( "active" ) ) ;
204
185
homeNav . classList . add ( "active" ) ;
205
- aboutNav . classList . remove ( "active" ) ;
206
- factNav . classList . remove ( "active" ) ;
207
- repoNav . classList . remove ( "active" ) ;
208
- workNav . classList . remove ( "active" ) ;
209
- contactNav . classList . remove ( "active" ) ;
210
186
}
211
187
212
188
if (
0 commit comments