Answers for "tag which does not take entire viewport"

23

HTML Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Posted by: Guest on October-29-2019
1

Element in viewport or not ?

function isElementInViewport (el) {

    // Special bonus for those using jQuery
    if (typeof jQuery === "function" && el instanceof jQuery) {
        el = el[0];
    }

    var rect = el.getBoundingClientRect();

    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */
        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */
    );
}
Posted by: Guest on August-13-2021

Browse Popular Code Answers by Language