Определение полной высоты страницы

#javascript #scroll #height

#javascript #прокрутка #высота

Вопрос:

Я использовал window.scrollYMax в firefox, чтобы получить максимальную прокрутку, и использовал window.scrollY, чтобы определить, насколько близко я был к нижней части страницы, чтобы я мог загружать больше каналов. Проблема в том, что window.scrollYMax не работает за пределами firefox! Помогите!

Комментарии:

1. вы пытаетесь получить высоту документа? есть код?

2. Вы не используете библиотеки jQuery, YUI и т.д.? Если это не так, вам следует подумать об одном, у них есть действительно удобная функция для всех этих вещей

3. Я не использую jQuery, и да, Киран.

Ответ №1:

Я думаю, что вам нужно document.body.scrollHeight

Ответ №2:

Эти свойства зависят от Firefox. На этой странице дается хорошее объяснение того, какие браузеры что поддерживают:http://www.quirksmode.org/dom/w3c_cssom.html .

Возможно, вы ищете:

 x.scrollWidth
x.scrollHeight
  

Комментарии:

1. Не работает, потому что элемент body не растягивает всю страницу.

2. Тело не растягивается из-за моих поплавков.

3. Спасибо, что сработало, но разве для body по умолчанию не должно быть установлено значение overflow: auto?

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

Ответ №3:

Следующий код отлично подходит для меня —

  <!DOCTYPE html>
 <html>
 <head>
    <title>test</title>
 </head>
 <body>
    <embed id="pdf" src="your-source-of-pdf" width="100%" height="" type='application/pdf'>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
     <script>
          $(function () {
             $('#pdf').attr('height', document.body.scrollHeight);
          });
    </script>
</body>
</html>