Breaking News: Grepper is joining You.com. Read the official announcement!

javascript check if element is visible on screen

Add Answer

Vishal answered on May 5, 2020 Popularity 10/10 Helpfulness 4/10

answer javascript check if element is visible on screen

related javascript how to check if element is visible on screen

javascript check if element is visible on screen

Comment

-1

// Where el is the DOM element you'd like to test for visibility
<script>
  function isHidden(el) {
    return (el.offsetParent === null);
  }
  var el = document.getElementById('el');
  alert(isHidden(el));
</script>
// if true then element "el" is visible otherwise not visible

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: element javascript screen visible

Link to this answer
Share Copy Link

Contributed on May 05 2020

Vishal

0 Answers Avg Quality 2/10

Closely Related Answers

javascript how to check if element is visible on screen

Comment

var observer = new IntersectionObserver(function(entries) {
	if(entries[0].isIntersecting === true)
		console.log('Element is fully visible in screen');
}, { threshold: [1] });

observer.observe(document.querySelector("#main-container"));

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: usefulangle.com

Tags: element

Link to this answer
Share Copy Link

Contributed on May 20 2022

Hurt Hamster

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

javascript check if element is visible on screen

Contents

More Related Answers

javascript check if element is visible on screen

Closely Related Answers

javascript how to check if element is visible on screen

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.