Как получить высоту страницы?

Question

[Flaker]

Нужно получить высоту страницы.

Мой код JS:

Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight)

Проверяю в Opera(Webkit) и Firefox.
Отображается страница в обоих одинаково.

Но в Firefox выдает 5075, что верно, а в Opera - 3164.

Пробовал еще несколько способов получения высоты: $("html").height() и т.д, результат такой же.

Единственное, заметил, что высота блока footer в Firefox доходит до низа страницы, а в Opera нет, при этом, если футеру выставить height: 100%, то его высота становиться в Firefox такой же как в Opera, но на результат вычисления высоты в коде это не влияет.

Comments

[Flaker]

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

Суть следующая:
Делаю паралакс эффект.
Фрукты и овощи по бокам страницы должны скролиться бесконечно вниз.
Сделал слои, бэкграунд которых - это картинки с элементами + repeat-y.
Скриптово хочу растянуть эти слои до низа видимой страницы, что-бы прокрутка была действительно бесконечной.

Сам сайт: badflamingwires.com

Answer 1

[Олег Прилепа]

$(document).height();

Comments

[Flaker]

Пробовал. Результат идентичен.

Answer 2

[Юрий Лобанов]

jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...

Comments

[Flaker]

Результат не изменился.
Пробовал $("html").outerHeight(true)

[Юрий Лобанов]

@Flaker поверьте, это работает. Пришло время просить Вас привести пример кода. Сделайте пример на jsfiddle.net

[Flaker]

@iiil да я не сомневаюсь, что это работает...
У меня тоже работает, если страница маленькая, а если большая то в Opera не правильно отображается.

Склоняюсь к тому, что проблемы, все-таки, в верстке, но где конкретно понять не могу, поэтому что из html выложить не знаю.

Вот пока JS:
pastebin.com/trqUJSkJ

Answer 3

[Mike]

Math.max($(document).height(), $(window).height())

Answer 4

[Юрий Лобанов]

Opera 12.16

>>> console.log($('body').height())
badflamingwires.com/:1
2372
undefined
>>> console.log($(document).height())
badflamingwires.com/:1
2552
undefined
>>> console.log($(document).outerHeight())
badflamingwires.com/:1
2552
undefined

Firefox 27.0.1

undefined
>>> console.log($('body').height())
2372
>>> console.log($(document).height())
2551
>>> console.log($(document).outerHeight())
2551

Chrome 32.0.1700.107 m

console.log($('body').height())
2372 VM175:2
undefined
console.log($(document).height())
2551 VM179:2
undefined
console.log($(document).outerHeight())
2551 VM183:2
undefined

Так что все там ок. Разница в 1px

Comments

[Flaker]

Я уже говорил, что при небольшом размере страницы все отлично, но если размер страницы будет около 5000px, то все "поплывет".

[Flaker]

Сейчас вот увеличил страницу. Посмотрите.

В Opera у меня постоянно блок paralax-elements меньше чем до конца страницы, из за этого картинки обрезаются.

Странно то, что иногда, при перезагрузке страницы размер этого блока увеличивается до приемлимых размеров, хотя все-равно не до пола.

Answer 5

[Юрий Лобанов]

@Flaker честно говоря, я сейчас гадаю, но: вот у Вас там паралакс запускается через таймаут, со временем 0 - это зачем?
Может у Вас не успевает все загрузиться и потому такая проблема? Что если перед всем этим проверять элементы на то, что они загрузились. Я пытаюсь разобраться, но у Вас там большая куча всего. И ошибки какие-то есть, и так далее.

Comments

[Flaker]

Может у Вас не успевает все загрузиться и потому такая проблема? - Вот для этого и таймаут со временем 0. Я об этом же первым делом подумал)

Ошибки в коде? Там конечно лапша, пока, но ошибок вроде нет, только варнинги.
Киньте ошибки, которые у вас показываются, если не сложно.

Даже не знаю, что проверять и как... И так вроде весь код после загрузки DOMа исполняется, к тому же таймаут... Вообщем, совсем не понятно.

Может есть какие-то примеры грамотной реализации бесконечного паралакса? А то, похоже все идет совсем не по плану...

У вас, все-таки, тоже обрезаные картинки получаются в опере?

[Юрий Лобанов]

@Flaker да, картинки обрезанные. Все как Вы описали. К сожалению, про паралакс почти ничего не знаю кроме того, что выглядит это здорово ) То есть я естественно видел реализации, но всегда считал, что как надо будет - найду в сети пример и сделаю.
Но смотрю на Ваш пример и вот думаю, что может есть более простой способ. Так что остается только посоветовать: если не сможете побороть в ближайшее время - попробуйте переделать все.

[Юрий Лобанов]

s.ytimg.com/yts/jsbin/www-embed-player-vflmBH0fU.js
JSON.parse: unexpected non-whitespace character after JSON data
Line 102
Permission denied to access property 'toString'
Line 25
Error: Permission denied to access property 'toString'
Line 25