Как убрать эту странную полосу?

Question

[del993788]

Здравствуйте. yanckerplease.ml вот ссылка. Посмотрите. Почему я вижу в нижней части экрана, следующий слайд? Самое интересное, что если открыть сайт, потом браузер "свернуть в окно" и затем развернуть, то всё становиться на свои места... Тоже самое. Если нажать F12 , а затем закрыть появившееся окно, то все страницы становятся на свои места... Что за бред? Подскажите! Первый раз с такой жестью встречаюсь...

Comments

[Алексей Уколов]

Все, что могу сказать - fullpage неправильно определяет высоту слайда (на 17px меньше, чем нужно)

[Сергей Иванов]

Что за 123 внизу?

[del993788]

Writerim: просто так написал...

[Сергей Иванов]

qqignatqq: Когда я убирал этот текст то все вставало на свои места

Answer 1

[Алексей Зуев]

Ваша проблема кроется в горизонтальном скролле, который вы зачем-то сотворили своей версткой с помощью

#two {
	background: #ECF2F2;
	width: 150%;
}

Отключите инициализацию плагина fullpage и увидите горизонтальный скролл.
При инициализации плагина метод $(window).height(), используемый в этом скрипте, возвращает нам высоту окна, которая не включает в себя высоту скроллбара.

А почему же тогда после инициализации горизонтальный скролл пропадает?
Он исчезает из-за свойства overflow: hidden, которое проставляется плагином для тегов html и body.

Итого могу предложить вам два решения:

• Убрать width: 150px или обернуть этот блок другим блоком с overflow:hidden как делается, к примеру, в слайдерах
  
• Заведомо убрать горизонтальный скролл, прописав
  

  body {
    overflow: hidden;
  }