Как получить последний элемент из окна просмотра в JQuery? [Дубликат]

Есть несколько хороших регулярных выражений для замены HTML с помощью BBCode здесь . Обратите внимание на то, что он не пытается полностью разобрать HTML, просто для того, чтобы его дезинфицировать. Вероятно, он может убить теги, которые его простой «парсер» не может понять.

Например:

$store =~ s/http:/http:\/\//gi;
$store =~ s/https:/https:\/\//gi;
$baseurl = $store;

if (!$query->param("ascii")) {
    $html =~ s/\s\s+/\n/gi;
    $html =~ s/(.*?)<\/pre>/\[code]$2\[\/code]/sgmi;
}

$html =~ s/\n//gi;
$html =~ s/\r\r//gi;
$html =~ s/$baseurl//gi;
$html =~ s/(.*?)<\/h[1-7]>/\n\[b]$2\[\/b]\n/sgmi;
$html =~ s/

/\n\n/gi; $html =~ s//\n/gi; $html =~ s/(.*?)<\/textarea>/\[code]$2\[\/code]/sgmi; $html =~ s/(.*?)<\/b>/\[b]$1\[\/b]/gi; $html =~ s/(.*?)<\/i>/\[i]$1\[\/i]/gi; $html =~ s/(.*?)<\/u>/\[u]$1\[\/u]/gi; $html =~ s/(.*?)<\/em>/\[i]$1\[\/i]/gi; $html =~ s/(.*?)<\/strong>/\[b]$1\[\/b]/gi; $html =~ s/(.*?)<\/cite>/\[i]$1\[\/i]/gi; $html =~ s/(.*?)<\/font>/\[color=$1]$2\[\/color]/sgmi; $html =~ s/(.*?)<\/font>/\[color=$1]$2\[\/color]/sgmi; $html =~ s///gi; $html =~ s/(.*?)<\/li>/\[\*]$2/gi; $html =~ s//\[list]/gi; $html =~ s/<\/ul>/\[\/list]/gi; $html =~ s/

/\n/gi; $html =~ s/<\/div>/\n/gi; $html =~ s// /gi; $html =~ s//\n/gi; $html =~ s//\[img]$baseurl\/$2\[\/img]/gi; $html =~ s/(.*?)<\/a>/\[url=$baseurl\/$2]$4\[\/url]/gi; $html =~ s/\[url=$baseurl\/http:\/\/(.*?)](.*?)\[\/url]/\[url=http:\/\/$1]$2\[\/url]/gi; $html =~ s/\[img]$baseurl\/http:\/\/(.*?)\[\/img]/\[img]http:\/\/$1\[\/img]/gi; $html =~ s/(.*?)<\/head>//sgmi; $html =~ s/(.*?)<\/object>//sgmi; $html =~ s/(.*?)<\/script>//sgmi; $html =~ s/(.*?)<\/style>//sgmi; $html =~ s/(.*?)<\/title>//sgmi; $html =~ s/<!--(.*?)-->/\n/sgmi; $html =~ s/\/\//\//gi; $html =~ s/http:\//http:\/\//gi; $html =~ s/https:\//https:\/\//gi; $html =~ s/<(?:[^>'"]*|(['"]).*?\1)*>//gsi; $html =~ s/\r\r//gi; $html =~ s/\[img]\//\[img]/gi; $html =~ s/\[url=\//\[url=/gi; </code></pre></p> </div> <div class="votes-question"> <div class="vote-count" itemprop="upvoteCount">63</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="tags"> <a href="/questions/tagged/jquery" class="tag" title="jquery" rel="tag">jquery</a> <a href="/questions/tagged/infinite-scroll" class="tag" title="infinite-scroll" rel="tag">infinite-scroll</a> </div> <div class="clearfix"></div> <div class="action-time"> задан Erenor Paz <span title="14 February 2017 в 17:25 ">14 February 2017 в 17:25 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat" title="поделиться">поделиться</a> </div> </div> <div style="height:100px;margin:10px 0px;" class=""> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- siteask before post --> <ins class="adsbygoogle" style="display:block;height:100px" data-ad-client="ca-pub-2355906945027976" data-ad-slot="" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="answers" id="answers"> <h2 class="pull-left"><span itemprop="answerCount">6</span> ответов</h2> <div class="clearfix"></div> <div class="answer-pager"> <div class="pagination"> </div> </div> <div class="answer accepted" id="14328" itemscope="" itemtype="http://schema.org/Answer" itemprop="acceptedAnswer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Хорошо, как вы пытались заставить его работать? Согласно документации для этого плагина, <code>.visible()</code> возвращает логическое значение, указывающее, является ли элемент видимым. Поэтому вы будете использовать его следующим образом: </p> <pre><code>if ($('#element').visible(true)) { // The element is visible, do something } else { // The element is NOT visible, do something else } </code></pre> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">44</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан David <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14328"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22935" class="comment js-comment " data-comment-id="22935"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">вы должны удалить (true) в visible () </span> – <span class="comment-user">slvnperron</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14328_22935"><span title="26 December 2013 в 23:24 " class="relativetime-clean">26 December 2013 в 23:24 </span></a></span> </div> </div> </li> <li id="comment-22936" class="comment js-comment " data-comment-id="22936"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">@slvnperron: Почему? Это действительное использование плагина и соответствует исходному коду, опубликованному в вопросе. </span> – <span class="comment-user">David</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14328_22936"><span title="26 December 2013 в 23:25 " class="relativetime-clean">26 December 2013 в 23:25 </span></a></span> </div> </div> </li> <li id="comment-22937" class="comment js-comment " data-comment-id="22937"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">3</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">ну, вероятно, он хочет проверить всю видимость div, аргумент для частичного обнаружения </span> – <span class="comment-user">slvnperron</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14328_22937"><span title="26 December 2013 в 23:32 " class="relativetime-clean">26 December 2013 в 23:32 </span></a></span> </div> </div> </li> <li id="comment-22938" class="comment js-comment " data-comment-id="22938"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">4</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">@slvnperron: True: весь элемент виден, false: часть элемента видна </span> – <span class="comment-user">watou</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14328_22938"><span title="26 December 2013 в 23:39 " class="relativetime-clean">26 December 2013 в 23:39 </span></a></span> </div> </div> </li> <li id="comment-22939" class="comment js-comment " data-comment-id="22939"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">5</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">@David Итак, этот код работает нормально, но вот сайт, на котором я работаю dev1.envisionwebdesign.co/johnreid/campaign.html. Сайт представляет собой одностраничный html с 16 разделами. В первом разделе нет навигационного и текстового блока слева. Все остальные. Мне нужно, когда вы просматриваете каждый раздел, навигационный и текстовый блок слайдов (они содержатся в одном и том же элементе div «media-nav»). Я использую этот плагин для ссылки эффекта перехода. - </span> – <span class="comment-user">Vim Bonsu</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14328_22939"><span title="26 December 2013 в 23:59 " class="relativetime-clean">26 December 2013 в 23:59 </span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="answer" id="14327" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Вот способ сделать это без плагина: </p> <p> Сначала получите позицию элемента. Затем добавьте положение прокрутки и высоту видового экрана. </p> <p> Если комбинация положения прокрутки и высоты видового экрана больше или равна позиции элемента, она находится в окне просмотра. </p> <pre><code>var element_position = $("#element").offset().top; var scroll_position = $(window).scrollTop(); var viewport_height = $(window).height(); if((scroll_position + viewport_height) > element_position){ // Do something because the element is in the viewport } </code></pre> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">-5</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Chris Bier <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14327"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22933" class="comment js-comment " data-comment-id="22933"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Наверное, ты забыл проверить нижнюю границу? <code>element_position + element_height</code> не должно быть ниже <code>scroll_position</code>! </span> – <span class="comment-user">Andy</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14327_22933"><span title="14 August 2015 в 14:06 " class="relativetime-clean">14 August 2015 в 14:06 </span></a></span> </div> </div> </li> <li id="comment-22934" class="comment js-comment " data-comment-id="22934"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Ты прав! Не стесняйтесь редактировать ответ, если хотите. У меня нет больше времени, чтобы улучшить этот ответ </span> – <span class="comment-user">Chris Bier</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14327_22934"><span title="14 August 2015 в 14:28 " class="relativetime-clean">14 August 2015 в 14:28 </span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="answer" id="14329" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Проверьте, что элемент виден в окне просмотра без плагина: </p> <p> Сначала определите верхнее и нижнее положения элемента. Затем определите положение нижней части окна просмотра (относительно верхней части страницы), добавив положение прокрутки в высоту окна просмотра. </p> <p> Если нижнее положение окна просмотра больше, чем верхнее положение элемента, и верхнее положение окна просмотра меньше, чем нижнее положение элемента, элемент находится в окне просмотра (по крайней мере частично). Проще говоря, когда какая-либо часть элемента находится между верхней и нижней границами вашего окна просмотра, элемент отображается на вашем экране. </p> <p> Теперь вы можете написать оператор if / else, где оператор if выполняется только при выполнении вышеуказанного условия. </p> <p> В приведенном ниже коде выполняется то, что было описано выше: </p> <pre><code>//this function runs every time you are scrolling $(window).scroll(function() { var top_of_element = $("#element").offset().top; var bottom_of_element = $("#element").offset().top + $("#element").outerHeight(); var bottom_of_screen = $(window).scrollTop() + window.innerHeight; var top_of_screen = $(window).scrollTop(); if((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ // The element is visible, do something } else { // The element is not visible, do something else } }); </code></pre> <p> Этот ответ представляет собой краткое изложение того, что обсуждали далее Крис Бир и Энди. Надеюсь, это поможет кому-то еще, кто сталкивается с этим вопросом во время исследований, как я. Я также использовал ответ на следующий вопрос, чтобы сформулировать свой ответ: <a href="https://stackoverflow.com/questions/9097501/show-div-when-scroll-position"> Показывать Div при прокрутке позиции </a>. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">51</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Jevon McPherson <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14329"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22940" class="comment js-comment " data-comment-id="22940"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Я думаю, что это должно быть $ (& quot; # element & quot;). OuterHeight (); </span> – <span class="comment-user">boblapointe</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14329_22940"><span title="10 April 2016 в 18:42 " class="relativetime-clean">10 April 2016 в 18:42 </span></a></span> </div> </div> </li> <li id="comment-22941" class="comment js-comment " data-comment-id="22941"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">небольшая коррекция; как @boblapointe указывает: он должен быть outerheight (), и точка ('.') отсутствует между offset () top </span> – <span class="comment-user">Maurice</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14329_22941"><span title="10 June 2016 в 10:25 " class="relativetime-clean">10 June 2016 в 10:25 </span></a></span> </div> </div> </li> <li id="comment-22942" class="comment js-comment " data-comment-id="22942"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">3</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Без плагина ?! о чем: $ (window) .scroll ?? </span> – <span class="comment-user">Bruno Casali</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14329_22942"><span title="13 October 2016 в 14:34 " class="relativetime-clean">13 October 2016 в 14:34 </span></a></span> </div> </div> </li> <li id="comment-22943" class="comment js-comment " data-comment-id="22943"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">4</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Вы имеете в виду jquery? </span> – <span class="comment-user">VeeK</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14329_22943"><span title="7 December 2016 в 11:41 " class="relativetime-clean">7 December 2016 в 11:41 </span></a></span> </div> </div> </li> <li id="comment-22944" class="comment js-comment " data-comment-id="22944"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">5</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy"><a href="http://stackoverflow.com/revisions/33979503/4"> предыдущая версия </a> этого ответа также может быть полезна, если вы хотите обнаружить, когда элемент впервые входит в представление / полностью отображается, а затем, когда он начинает покидать представление (когда верхний элемент следующего элемента видна). </span> – <span class="comment-user">ADB</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14329_22944"><span title="20 May 2017 в 00:01 " class="relativetime-clean">20 May 2017 в 00:01 </span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="answer" id="14330" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <pre><code>var visible = $(".media").visible(); </code></pre> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">0</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан slvnperron <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14330"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22945" class="comment js-comment " data-comment-id="22945"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Я не уверен, что тонко использовать селектор классов <code>.media</code>, потому что если есть много элементов, принадлежащих классу медиа ... </span> – <span class="comment-user">watou</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14330_22945"><span title="26 December 2013 в 23:45 " class="relativetime-clean">26 December 2013 в 23:45 </span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="answer" id="14331" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Вы можете написать функцию jQuery, подобную этой, чтобы определить, находится ли элемент в окне просмотра. </p> <p> Включить это где-то после включения jQuery: </p> <pre><code>$.fn.isInViewport = function() { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; }; </code></pre> <p> Пример использования: </p> <pre><code>$(window).on('resize scroll', function() { if ($('#Something').isInViewport()) { // do something } else { // do something else } }); </code></pre> <p> Обратите внимание, что это проверяет только верхнее и нижнее положения элементов, оно не проверяет, находится ли элемент вне области просмотра по горизонтали. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">42</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Tom Pažourek <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14331"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-22946" class="comment js-comment " data-comment-id="22946"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Если вы проверяете внутри div (а не окно), то помните, чтобы вычесть смещение родительских divs. </span> – <span class="comment-user">Karlth</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14331_22946"><span title="26 February 2017 в 17:42 " class="relativetime-clean">26 February 2017 в 17:42 </span></a></span> </div> </div> </li> <li id="comment-22947" class="comment js-comment " data-comment-id="22947"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">вы бы вычитали смещение так, как если бы ваша кнопка была сверху, а элемент появился внизу: <code>return ( elementBottom > viewportTop ) && ( elementTop < viewportBottom - $( this ).height() );</code> </span> – <span class="comment-user">Arthur Tarasov</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14331_22947"><span title="29 July 2017 в 10:31 " class="relativetime-clean">29 July 2017 в 10:31 </span></a></span> </div> </div> </li> <li id="comment-22948" class="comment js-comment " data-comment-id="22948"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">3</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Благодаря! Я сделал более полный плагин, используя ваш код в качестве базы: <a href="https://github.com/frontid/jQueryIsInViewport" rel="nofollow noreferrer"> github.com/frontid/jQueryIsInViewport </a> </span> – <span class="comment-user">Capy</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14331_22948"><span title="14 August 2017 в 16:59 " class="relativetime-clean">14 August 2017 в 16:59 </span></a></span> </div> </div> </li> <li id="comment-22949" class="comment js-comment " data-comment-id="22949"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">4</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy">ты сделал мой день легким ... :) </span> – <span class="comment-user">vissu</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14331_22949"><span title="11 December 2017 в 12:53 " class="relativetime-clean">11 December 2017 в 12:53 </span></a></span> </div> </div> </li> <li id="comment-22950" class="comment js-comment " data-comment-id="22950"> <div class="js-comment-actions comment-actions"> <div class="comment-score"> <span title="номер полезного комментария для вопроса" class="cool">5</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <div style="display: block;" class="comment-body"> <span class="comment-copy"><code>$(window).height()</code> не влияет на масштабирование мобильного устройства (по крайней мере, при использовании jQuery v1.9). Лучшим решением является использование функции <code>window.innerHeight</code>, которая меняется при сжатии экрана для увеличения на мобильном устройстве. </span> – <span class="comment-user">Steven</span> <span class="comment-date" dir="ltr"><a class="comment-link" href="#comment14331_22950"><span title="11 April 2018 в 20:14 " class="relativetime-clean">11 April 2018 в 20:14 </span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="answer" id="14332" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Вы можете увидеть <a href="http://opensource.teamdf.com/visible/examples/demo-basic.html" rel="nofollow"> этот пример </a>. </p> <pre><code>// Is this element visible onscreen? var visible = $(#element).visible( detectPartial ); </code></pre> <p> detectPartial: </p> <ul> <li> Истина: весь элемент виден </li> <li> false: часть элемента видима </li> </ul> <p> <code>visible</code> - логическая переменная, которая указывает, является ли элемент видимым или нет. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">3</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан watou <span title="17 August 2018 в 11:36 ">17 August 2018 в 11:36 </span> </div> <a class="s-link" href="/questions/2395/kak-poluchit-poslednij-e-lement-iz-okna-prosmotra-v-jquery-dublikat#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-14332"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div style="margin-top: 20px;"> Другие вопросы по тегам: <div class="tags" style="display: inline-block; float: none;"> <a href="/questions/tagged/jquery" class="tag" title="jquery" rel="tag">jquery</a> <a href="/questions/tagged/infinite-scroll" class="tag" title="infinite-scroll" rel="tag">infinite-scroll</a> </div> <h3 class="m-t-20">Похожие вопросы:</h3> <div class="related-block"> <ul> <li><div class='votes-answer green'><span class='vote-count'>59</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/127174/chto-luchshij-sposob-sostoit-v-tom-chtoby-vynudit-sebja-k-osnovnomu-vi-zakrytyj" title="Что лучший способ состоит в том, чтобы вынудить себя к основному vi? [закрытый]">Что лучший способ состоит в том, чтобы вынудить себя к основному vi? [закрытый]</a> - 9 April 2009 03:44 </li> <li><div class='votes-answer green'><span class='vote-count'>40</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/89465/kak-luchshe-vsego-obnaruzhit-mobilnoe-ustrojstvo" title="Как лучше всего обнаружить мобильное устройство?">Как лучше всего обнаружить мобильное устройство?</a> - 24 April 2019 12:27 </li> <li><div class='votes-answer green'><span class='vote-count'>36</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/82961/kak-luchshe-vsego-obnaruzhit-ustrojstvo-s-sensornym-ekranom-s-pomoschju-javascript" title="Как лучше всего обнаружить устройство с «сенсорным экраном» с помощью JavaScript?">Как лучше всего обнаружить устройство с «сенсорным экраном» с помощью JavaScript?</a> - 15 October 2013 16:24 </li> <li><div class='votes-answer green'><span class='vote-count'>31</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/2517/jquery-extend-i-object-az-z-ign-fail-duplicate" title="jQuery.extend () и Object.assign fail [duplicate] ">jQuery.extend () и Object.assign fail [duplicate] </a> - 22 March 2017 17:17 </li> <li><div class='votes-answer green'><span class='vote-count'>31</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/83542/jquery-sovety-i-hitrosti" title="jQuery Советы и хитрости">jQuery Советы и хитрости</a> - 25 September 2017 20:50 </li> <li><div class='votes-answer green'><span class='vote-count'>31</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/11647/kak-sopostavit-collator-vnutri-pol-zovatel-skoj-sortirovki-dlya-ob-ektov-v-jz-duplicate" title="Как сопоставить Collator внутри пользовательской сортировки для объектов в JS [duplicate] ">Как сопоставить Collator внутри пользовательской сортировки для объектов в JS [duplicate] </a> - 17 June 2015 03:09 </li> <li><div class='votes-answer green'><span class='vote-count'>30</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/11689/poluchite-div-chtoby-prinyat-100-rost-minus-zagolovok-avtomaticheskoj-vy-soty-dublikat" title="Получите div, чтобы принять 100% рост, минус заголовок автоматической высоты [дубликат] ">Получите div, чтобы принять 100% рост, минус заголовок автоматической высоты [дубликат] </a> - 15 July 2015 15:37 </li> </ul> </div> </div> </div> </div> </div> <aside class="sidebar"> <div class="awrap"> <script async src="https://yastatic.net/pcode-native/loaders/loader.js"></script> <script> (yaads = window.yaads || []).push({ id: "553274-2", render: "#id-553274-2" }); </script> <div id="id-553274-2"></div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2355906945027976" data-ad-slot="8038370725"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </aside> </div> </div> <footer class="footer"> <div class="wrapper wrapper--sm"> <div class="footer-navs-col"> <div class="footer-nav footer-nav--menu"> <div class="footer-coryright">© 2017 - 2020 Вопросы и ответы по программированию</div> </div> <div class="footer-nav footer-nav--catalog"> </div> </div> <div class="footer-contacts-col"> <div class="soc-widget-col"> </div> </div> <div class="clearfix"></div> </div> </footer> </div> <script type="text/javascript" src="/js/ui/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/js/ui/external/jquery.cookie.js"></script> <script type="text/javascript" src="/js/versions/menu.ru.u1607887878.js"></script> <script type="text/javascript" src="/js/jquery.fancybox.min.js"></script> <script type="text/javascript" src="/js/slick.min.js"></script> <script type="text/javascript" src="/js/jquery.maskedinput.min.js"></script> <script type="text/javascript" src="/js/versions/scripts.ru.u1607887878.js"></script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; var z = null;m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(90030325, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90030325" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123993370-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-123993370-1'); </script> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Программирование - вопросы и ответы", "alternateName": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "potentialAction": { "@type": "SearchAction", "target": "https://legkovopros.ru/search?search={search_term_string}", "query-input": "required name=search_term_string" } } { "@context": "https://schema.org", "@type": "Organization", "name": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "logo": "https://legkovopros.ru/i/logo.png", "email": "info@legkovopros.ru", "telephone": "" } </script> </body> </html>