<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comentarios en: Como detectar con jQuery si un elemento por su posición es visible en el navegador	</title>
	<atom:link href="https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/feed/" rel="self" type="application/rss+xml" />
	<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/</link>
	<description>Diseñador, desarrollador y formador Web de Zaragoza</description>
	<lastBuildDate>Tue, 11 Sep 2018 13:07:20 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>
		Por: Leandro		</title>
		<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-887</link>

		<dc:creator><![CDATA[Leandro]]></dc:creator>
		<pubDate>Tue, 11 Sep 2018 13:07:20 +0000</pubDate>
		<guid isPermaLink="false">https://oscargascon.es/?p=3333#comment-887</guid>

					<description><![CDATA[En respuesta a &lt;a href=&quot;https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-308&quot;&gt;Oscar Gascón Arjol&lt;/a&gt;.

Muchas gracias.]]></description>
			<content:encoded><![CDATA[<p>En respuesta a <a href="https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-308">Oscar Gascón Arjol</a>.</p>
<p>Muchas gracias.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Oscar Gascón Arjol		</title>
		<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-390</link>

		<dc:creator><![CDATA[Oscar Gascón Arjol]]></dc:creator>
		<pubDate>Tue, 27 Sep 2016 08:34:15 +0000</pubDate>
		<guid isPermaLink="false">https://oscargascon.es/?p=3333#comment-390</guid>

					<description><![CDATA[En respuesta a &lt;a href=&quot;https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-389&quot;&gt;Sergio&lt;/a&gt;.

Muchas gracias Sergio! :-) &lt;strong&gt;Introduzco tu corrección&lt;/strong&gt;. Como siempre en los límites de las funciones es donde se comprueban su validez.]]></description>
			<content:encoded><![CDATA[<p>En respuesta a <a href="https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-389">Sergio</a>.</p>
<p>Muchas gracias Sergio! 🙂 <strong>Introduzco tu corrección</strong>. Como siempre en los límites de las funciones es donde se comprueban su validez.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Sergio		</title>
		<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-389</link>

		<dc:creator><![CDATA[Sergio]]></dc:creator>
		<pubDate>Tue, 27 Sep 2016 07:55:53 +0000</pubDate>
		<guid isPermaLink="false">https://oscargascon.es/?p=3333#comment-389</guid>

					<description><![CDATA[Gracias por el aporte! Pero hay un pequeño fallo que me estaba dando problemas con esta solución. Pongo la corrección:
function elementVisible(element) {
    var visible = true;
    var windowTop = $(document).scrollTop();
    var windowBottom = windowTop + window.innerHeight;
    var elementPositionTop = element.offset().top;
    var elementPositionBottom = elementPositionTop + element.height();
    if (elementPositionTop &#062;= windowBottom &#124;&#124; elementPositionBottom &#060;= windowTop) {
      visible = false;
    }
    return visible;
  }

= si no lo añadimos si el elemento esta fuera de la pantalla por 1px seguirá diciendo que es visible :)]]></description>
			<content:encoded><![CDATA[<p>Gracias por el aporte! Pero hay un pequeño fallo que me estaba dando problemas con esta solución. Pongo la corrección:<br />
function elementVisible(element) {<br />
    var visible = true;<br />
    var windowTop = $(document).scrollTop();<br />
    var windowBottom = windowTop + window.innerHeight;<br />
    var elementPositionTop = element.offset().top;<br />
    var elementPositionBottom = elementPositionTop + element.height();<br />
    if (elementPositionTop &gt;= windowBottom || elementPositionBottom &lt;= windowTop) {<br />
      visible = false;<br />
    }<br />
    return visible;<br />
  }</p>
<p>= si no lo añadimos si el elemento esta fuera de la pantalla por 1px seguirá diciendo que es visible 🙂</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Oscar Gascón Arjol		</title>
		<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-364</link>

		<dc:creator><![CDATA[Oscar Gascón Arjol]]></dc:creator>
		<pubDate>Fri, 17 Jun 2016 07:14:33 +0000</pubDate>
		<guid isPermaLink="false">https://oscargascon.es/?p=3333#comment-364</guid>

					<description><![CDATA[En respuesta a &lt;a href=&quot;https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-363&quot;&gt;Edwing&lt;/a&gt;.

Gracias a tí! :-D Veo que supiste rápido encontrar la respuesta.]]></description>
			<content:encoded><![CDATA[<p>En respuesta a <a href="https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-363">Edwing</a>.</p>
<p>Gracias a tí! 😀 Veo que supiste rápido encontrar la respuesta.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Por: Edwing		</title>
		<link>https://oscargascon.es/como-detectar-con-jquery-si-un-elemento-por-su-posicion-es-visible-en-el-navegador/#comment-363</link>

		<dc:creator><![CDATA[Edwing]]></dc:creator>
		<pubDate>Thu, 09 Jun 2016 16:18:52 +0000</pubDate>
		<guid isPermaLink="false">https://oscargascon.es/?p=3333#comment-363</guid>

					<description><![CDATA[Ya supe como!!!  asi: var element = $((document.getElementById(&#039;div-id&#039;))); ... de nuevo mil gracias por tu aporte...]]></description>
			<content:encoded><![CDATA[<p>Ya supe como!!!  asi: var element = $((document.getElementById(&#8216;div-id&#8217;))); &#8230; de nuevo mil gracias por tu aporte&#8230;</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
