Почему CSS и Javascript не ответили вместе, когда я объединил их ссылки в HTML? ⇐ Javascript

[Anonymous]

Я пытался соединить ссылку в html. Я хочу, чтобы браузер оставался на месте (прилипал) при прокрутке вниз. Пример того, как я помещаю ссылку ниже:
Я помещаю эту ссылку перед телом [*] ( 100) nav.style.background = 'white';
else nav.style.background = 'white';
});
});[/code]

Код: Выделить всё

body {
margin: 0;
font-family: Ariel;
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

#logo {
float:left;
display: inline-block;
width: 3.5%;

}

#nav{
padding-left: 500px;
position: sticky;
}

.navi {
list-style-type: none;
margin:0;
padding:0;
overflow: hidden;
background-color: #ffffff;
font-size: 1.7vw;
position: sticky;
}

.list1 {
float: left;
text-align: center;
}

.list1 a {
display: block;
color: rgb(0, 0, 0);
text-align: center;
padding: 14px 20px;
text-decoration: none;
}

.list1 a:hover {
background-color: #000000;
color:#ffffff
}

body, html {
height: 100%;
}

@media screen and (max-width: 850px) {
.box {
grid-template-columns: 1fr;
}

}

footer{
position:absolute;
bottom: auto;
left: 0;
right: 0;
background:black;
height: auto;
width: 100vw;
padding-top: 20px;
color: #fff;

}
.footer .box{
width:auto;
display:flex;
flex-direction: column;
padding-left: 2%;
padding-bottom: auto;
}

.box-row{
display:table-row;

}
.box-cell{
display:table-cell;
padding-left: 9.5em ;

}
.box-cell li{
cursor:pointer;
}

.box-cell ul li a{
color:white;
}

.footer-title{
font-size:1.5vw;
padding-bottom:0.5em;
}

.list2{
font-size:1vw;
font-weight: 10;
padding-bottom:0.6em;
}

.fa {
padding: 5px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
margin: 3px 1px;
}

.fa:hover {
opacity: 0.7;
}

.fa-facebook {
background:rgb(0, 0, 0);

}

.fa-youtube {
background:rgb(0, 0, 0);
color: white;
}

.fa-instagram {
background:rgb(0, 0, 0);
color: white;
}

#subbutton:hover{
background-color:coral;
font-weight: 600;
}

.payment fa{
display: flex;
position: absolute;
}

.payment-container{
font-size:0.9em;
color:white;
text-align: center;
position: absolute;
display: flex;
right: 43%;
bottom:12%;
}

.footer-2{
width: 100%;
height:auto;
position:relative;
text-align: center;
padding-top:20px;
padding-bottom:10px;
font-size:1vw;
color:white;
font-weight: 400;
}

.footer-2 a{
text-decoration: none;
color:white;
cursor: pointer;
}

Код: Выделить всё

Trave nz home




.skytower1{
background-image: url(photo/tower.jpg);

height: 100%;

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (max-width: 768px) {
.skytower1 {
background-attachment: inherit;
}
}

.alphine{
width: 80%;
}

.insidealph{
padding-left: 20%;

}
.note{
padding:2% 2% 0 2%;

}

.note2{
padding:2% 2% 0 2%
}

#map {
width: 20%;
}

.mapcontainer{
padding-left: 45%;
}




[i]

[list]
[url=Home_trave.html]Home[/url]
[*][url=Tour_trave.html]Tour [/url]
[*][url=contact_trave.html] Contact[/url]
[/list]

About New Zealand (Aotearoa)
[img]photo/alphine.jpg[/img]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa.  Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.

[img]photo/map.jpg[/img]

About Us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend. Ut nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.
Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui
purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque
at sem venenatis eleifend.  Ut nonummy.





[list]
Follow Us On
[*][url=#][/url]Instagram
[*][url=#][/url]Facebook
[*] [url=#][/url]Youtube
[/list]


Contact Us
[*]Feedback
[*]Location


Sign Up for News Letters
[*]Get our latest news!









[/i]
[i][/i]
[i][/i]




[url=#]© Since 2023 Trave New Zealand (Aotearoa)[/url]

Подробнее здесь: https://stackoverflow.com/questions/793 ... s-together