2014-09-07 4 views
0

Im строит тему WordPress, основанную на fullPage.js Im, все заканчивая. Но я столкнулся с проблемой, которую я не могу понять.fullPage.js не прокручивается вниз от слайдера

В следующих двух примерах есть навигационная панель, первая секция, содержащая слайды и другие разделы ниже:

Здесь http://wordpress-123465.sae1.nitrousbox.com/azal/ прокрутка вниз из первой секции, которая содержит слайды является гладким и соответствующим звеном в навигационной панели работает (при нажатии на прокрутку вверх до секции слайдера)

Но здесь http://wordpress-123465.sae1.nitrousbox.com/azal-beta/ прокрутка вниз очень плохая, также клавиатура не работает, после чего невозможно прокручивать вверх, а панель навигации не работает.

В обоих случаях работает указатель в правой части экрана.

Что может быть неправильным? Спасибо

ответ

0

Ваш сайт содержит только одну секцию в качестве первого ребенка в контейнере fullpage.js.

Возможно, вы забыли закрыть некоторые теги HTML, и теперь у вас есть много разделов внутри 1-го раздела. Это не так, как работает fullpage.js.

Fullpage.js requieres эту структуру:

<div id="fullpage"> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
    <div class="section">Some section</div> 
</div> 

И теперь у вас есть что-то вроде:

<div id="fullpage"> 
    <div class="section"> 
     <div class="section">Some section</div> 
     <div class="section">Some section</div> 
     <div class="section">Some section</div> 
    </div> 
</div> 
0

Вы должны сначала попытаться исправить ошибки HTML в исходном коде.

линия 138, вы закрыли </head>, все в порядке. Но вы сразу же запустили тег <nav>, не открывая <body> (который открывается в строке 191). Это ошибка. Nav должен быть внутри тела тега

линии 234 и 236, открытие "символ для style атрибута отсутствует:.

<div style=height:12px;"> 

Многие DIV теги не в нужном месте, не забывайте, что вы не можете сделать это:

<div> 
    <p> 
    </div> 
</p> 

вместо этого, вы должны сделать это:

<div> 
    <p> 
    </p> 
</div> 

Как хорошая звезда ting point, используйте валидатор HTML для проверки правильности вашего источника: http://validator.w3.org/check?uri=http%3A%2F%2Fwordpress-123465.sae1.nitrousbox.com%2Fazal%2F%23SliderTitle%2F2&charset=%28detect+automatically%29&doctype=Inline&group=0

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