2015-05-27 8 views
-1

Я стараюсь, чтобы на моем сайте был верхний заголовок, который может перемещаться с помощью гладкой прокрутки, работает гладкая прокрутка, но после того, как у меня есть верхний заголовок, перемещайтесь с гладким прокруткой, ссылки перестанут работать!Ссылки перестают работать после прокрутки

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%; 
} 
+0

Как в «заголовке», я имею в виду меню –

+0

Его наиболее вероятно проблема с JS, потому что HTML выглядит хорошо, вы можете создать jsFiddle, воспроизводящий вашу проблему? Кроме того, что такое библиотека гладкой прокрутки, которую вы используете? – Pogrindis

+0

согласен с @Pogrindis, это выглядит хорошо; возможно, вы также должны положить часть html. –

ответ

0

выглядит ваш код хорошо. почему бы не переместить файлы в одной папке и не удалить файл: /// Пользователи/tc10077403/Desktop/Project% 206/

0

Возможно, у вас есть div или другой элемент DOM, блокирующий навигацию на прокрутке?

Проверьте это: попробуйте перейти к ссылкам (убедитесь, что вы не настроили контур на нет) и нажмите ENTER, чтобы включить ссылку. Если это работает, то это может быть под другим элементом DOM.

Пожалуйста, разместите ссылку, на которую мы могли бы обратить внимание.

+0

Мне сказали, что моя прокрутка параллакса блокирует якорный тег ... И я совершенно не понимаю, что это значит. –

+0

Похоже, что ваш контент, который перемещается, когда вы прокручиваете, лежит сверху. Один из способов исправить - предоставить контейнеру nav более высокий z-индекс. – haltersweb

Смежные вопросы