JQuery ScrollTo не работает с высотой и шириной 100%

Question

Я видел этот вопрос, заданный здесь раньше, но без рабочих ответов, также я полагаю, что моя проблема несколько отличается.

У меня есть довольно странная проблема, которую я пытался решить, я уверен, что я не правильно структурировал свой CSS, но у меня проблемы с выяснением того, где.

Если вы посмотрите на следующий шаблон в jsfiddle (игнорировать сломанные изображения)

JSFIDDLE LINK

Высота и ширина корпуса не скроллинга, то полоса прокрутки действительно появляется вниз с правой стороны, но unscrollable (я использую пользовательскую полосу прокрутки). Я понимаю, что это связано с тем, что тело не наследует высоту, скорее всего, из-за моего плавающего div.

Я играл вокруг с clearfix DIV, который я до сих пор пытаюсь сделать работу, по понятным причинам, если добавить

height: 100%; 
width: 100%; 

к моему CSS для моего класса тела свитка будет работать, однако, если я это делаю JQuery scrollTo перестает работать

я поставил anchor-link, который делает scrollto в верхней части этого JSFIDDLE (он также находится в вышеприведенной скрипке, но не отображается на странице и скроллинг сломанный)

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

Пожалуйста, дайте мне знать, если я не объяснил очень хорошо Спасибо, Simon

Answer 1

Wow я был гигантский Numpty, немного неловко, но нашел следующее в середине моего CSS:

html { 
    overflow: hidden; 
    height: 100%; 
} 

Это, безусловно, то, что вызывало проблему, проблема решена!