Я стараюсь, чтобы на моем сайте был верхний заголовок, который может перемещаться с помощью гладкой прокрутки, работает гладкая прокрутка, но после того, как у меня есть верхний заголовок, перемещайтесь с гладким прокруткой, ссылки перестанут работать!Ссылки перестают работать после прокрутки
HTML:
<div class="Bob">
<nav class="nav1">
<a href="file:///Users/tc10077403/Desktop/Project%206/Project6.html" style="font-size: 50px;">Home Page</a>
<a href="file:///Users/tc10077403/Desktop/Project%206/Games.html" style="font-size: 50px;">Games</a>
<a href="file:///Users/tc10077403/Desktop/Project%206/History.html" style="font-size: 50px;">History</a>
<a href="file:///Users/tc10077403/Desktop/Project%206/Content.html" style="font-size: 50px;">Features</a>
</nav>
</div>
CSS:
.Bob{
position: fixed;
}
.nav1{
text-align: center;
margin-left: 350px;
background-color: #333333;
}
Прочее:
#home {
background: url(background.jpeg) 50% 0 repeat none; min-height: 1000px;
height: 1000px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
}
#home article {
height: 458px;
position: absolute;
text-align: center;
top: 150px;
width: 100%;
}
#about {
background: url(Background-2.png) 50% 0 repeat fixed; min-height: 1000px;
height: 1000px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
#about article {
height: 458px;
position: absolute;
text-align: center;
top: 150px;
width: 100%;
}
Как в «заголовке», я имею в виду меню –
Его наиболее вероятно проблема с JS, потому что HTML выглядит хорошо, вы можете создать jsFiddle, воспроизводящий вашу проблему? Кроме того, что такое библиотека гладкой прокрутки, которую вы используете? – Pogrindis
согласен с @Pogrindis, это выглядит хорошо; возможно, вы также должны положить часть html. –